input file禁用手机本地文件选择,只允许拍照上传图片 capture=“camera“

Posted wangmj518

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了input file禁用手机本地文件选择,只允许拍照上传图片 capture=“camera“相关的知识,希望对你有一定的参考价值。

 

<input type="file" accept="image/*" capture="camera">

<input type="file" accept="video/*" capture="camcorder">
 
<input type="file" accept="audio/*" capture="microphone">

 

## 在webapp上使用input:file, 指定capture属性调用默认相机,摄像,录音功能

ios6下开发webapp,使用inputz之file,很有用

capture表示,可以捕获到系统默认的设备,比如:camera--照相机;camcorder--摄像机;microphone--录音。

accept表示,直接打开系统文件目录。

其实html5的input:file标签还支持一个multiple属性,表示可以支持多选,如:

<input type="file" accept="image/*" multiple>

加上这个multiple后,capture就没啥用了,因为multiple是专门yong用来支持多选的。

 

手机浏览器的话大部分都是支持的 (不支持的浏览器暂时无法就行兼容处理,只能想其他办法)

微信中ios内置的浏览器是完全支持的

android中必须加上accept最好也加上capture

如果是做跨平台应用,在webView中是不能用的,应该调用插件运用原生去实现。

以上是关于input file禁用手机本地文件选择,只允许拍照上传图片 capture=“camera“的主要内容,如果未能解决你的问题,请参考以下文章

input[type=file]标签 本地文件拍照录像 上传的兼容性问题

input[type=file]标签 本地文件拍照录像 上传的兼容性问题

input-file 部分手机不能拍照问题

如何允许 <input type="file"> 只接受图像文件?

选择本地文件上传控件 input标签

javascript控制input只允许输入数字