
语法:
<input accept="audio/*|video/*|image/*|MIME_type">
提示: 如果需要指定多个值,请使用逗号将它们分开(例如).


<input type="file" accept="image/*" capture="camera"> <input type="file" accept="video/*" capture="camcorder"> <input type="file" accept="audio/*" capture="microphone">
capture表示可以捕获系统的默认设备,例如: camera--camera;摄录机-相机;麦克风-录音.

接受表示直接打开系统文件目录. 如果添加捕获属性(例如capture =“ camera”),则只能在iPhone上打开照相机h5调用拍照上传,而不能选择文件,则可以删除此属性;
实际上,html5的input: file标记还支持多属性,表明它可以支持多个选择h5调用拍照上传,例如:
<input type="file" accept="image/*" multiple="multiple">

添加此倍数后,捕获就没用了
当前的支持情况相对较好,并且在大多数浏览器中都经过了良好的测试.
但是,如果H5嵌套在应用程序中,则android模型会出现问题,并且某些功能将无效. 为什么?

Android端取决于此选项卡中浏览器对两个属性的优化. 一些浏览器将直接跳转到资源管理器. 如果优化完成得很好,您可以直接使用它.
H5嵌套在android的webview中. 考虑到安全性,android webview会屏蔽输入文件,因此需要先优化webview才能使用它. 我们使用H5调用上传的文件,因此我们需要支持此功能.
解决方案:
可以理解为重写webview的WebChromeClient方法.
本文来自电脑杂谈,转载请注明本文网址:
https://www.pc-fly.com/a/ruanjian/article-257475-1.html
吹牛逼
只是对于大多数人而言