当前位置:首页 > 站长笔记 > html笔记 > 正文
运行天数:2905 天 最后更新:2020-4-4

H5移动端调用手机摄像头拍照和选择相册图片上传

用手机或者平板电脑扫描应用扫描本二维码,可以在手机浏览器继续浏览,也可以分享给你的联系人。

2019年05月17日 | 作者: 影子 | 分类: html笔记 | 点击量: 812

android
<input type=”file” accept=”image/*” multiple/>
IOS
<input type=”file” accept=”image/*;capture=camera” multiple/>

 

<!–调用相机–>
<input type=”file” accept=”image/*” capture=”camera” />
<!–调用摄像–>
<input type=”file” accepet=”video/*” capture=”camcorder” />
<!–调用录音–>
<input type=”file” accept=”audio/*” capture=”microphone” />

accept表示可以打开的系统文件目录,capture表示可以捕获到的系统默认的设备。
其中,还有一个属性multiple,支持多选,当支持多选时,multiple优先级高于capture,所以只需要写成:

<input type=“file” accept=“image/*” multiple />

 

 

 

扩展阅读:

https://blog.csdn.net/jeffkxt/article/details/80472596

https://blog.csdn.net/yzzane/article/details/78642219

https://blog.csdn.net/lin_shuaixin/article/details/74517050

https://blog.csdn.net/u012054869/article/details/81669739


关键词:

本文网址:https://www.menglei.net/2883/,转载请以链接形式注明出处,谢谢合作!

作者:清晨@网站建设专家. | 清晨,领先的网站优化品牌。

交流QQ号:925474725 邮件支持:shadoweb@qq.com