input file 移动端打开图片和音频的问题

发布于 2022-09-12 23:22:30 字数 662 浏览 15 评论 0

有个需求是用户可以上传图片或者音频(只考虑安卓手机)
input:file 不设置accept的时候可以看到所有类型的文件,图片,音频,视频,文档……

input:file 设置audio和image后,就只会调起相机,文件里边只能看到图片;
<input type="file" name="" id="" accept="image/*,audio/*">


或者只会调出录音机,文件里边只有音频文件。
<input type="file" name="" id="" accept="audio/*,image/*">


这是只能这样还是写法不对。
希望产生的结果是文件里边可以找到图片或者音频文件。
不可以的话就只能写两个input了

如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。

扫码二维码加入Web技术交流群

发布评论

需要 登录 才能够评论, 你可以免费 注册 一个本站的账号。

评论(2

孤蝉 2022-09-19 23:22:30

& 总结:

只会调出录音机,文件里边只有音频文件。

<input type="file" name="" id="" accept="audio/*,image/*">

只会调起相机,文件里边只能看到图片;

<input type="file" name="" id="" accept="image/*,audio/*">

期望同时调起图片和音频文件

& 结论

请尝试 <input type="file" accept="image/*,.mp4">

见: mdn - <input type="file">


已参与了 SegmentFault 思否「问答」打卡,欢迎正在阅读的你也加入。

难理解 2022-09-19 23:22:30

换种写法,列出具体的后缀如:
<input type="file" accept=".jpg,.png,.mp3" />

已参与了 SegmentFault 思否「问答」打卡,欢迎正在阅读的你也加入。

~没有更多了~
我们使用 Cookies 和其他技术来定制您的体验包括您的登录状态等。通过阅读我们的 隐私政策 了解更多相关信息。 单击 接受 或继续使用网站,即表示您同意使用 Cookies 和您的相关数据。
原文