H5移动端调用相机/相册
来源:互联网 发布:java gc机制 编辑:程序博客网 时间:2024/06/05 00:56
使用html5自带的 input ,纯html5,并且不涉及到js ,可以实现移动端调用手机摄像头。
capture表示,可以捕获到系统默认的设备,比如:camera照相机;camcorder摄像机;microphone录音。accept表示,直接打开系统文件目录。
<label>照相机</label> <input type="file" id='image' accept="image/*" capture='camera'> <br> <label>摄像机</label> <input type="file" id='video' accept="video/*" capture='camcorder'>
其实html5的input:file标签还支持一个multiple属性,表示可以支持多选
<input type="file" id="file" multiple>
在各个机型都可以点击 file 调用相册 和 摄像头拍照
1. 在老版本的安卓中,必须加上capture,否则只能调用相册
2. 在IOS中 加了capture,就只能调用摄像头不能调用相册
解决办法:
判断ios,如果是ios就去掉capture属性.
var file = document.querySelector('input'); if (getIos()) { file.removeAttribute("capture"); } function getIos() { var ua=navigator.userAgent.toLowerCase(); if (ua.match(/iPhone\sOS/i) == "iphone os") { return true; } else { return false; } }
阅读全文
0 0
- H5移动端调用相机/相册
- Webview调用相册相机失败等问题(h5交互问题)
- android之 h5调用系统相机和相册并显示
- Android调用相机,相册
- 调用相机,相册,裁剪
- 调用系统相机相册
- 调用相册和相机
- 调用系统相册,相机
- 调用相机和相册
- 调用相机,相册。显示
- 调用系统相机相册
- 调用相册,相机
- 调用相册相机
- Android与H5相机、相册笔记
- H5 调 android 相机和相册
- android调用相机和相册
- android调用相机和相册
- 调用相机活相册代码
- 赠书 | 超级账本Fabric 1.0多节点集群的部署(2)
- java.toString()和String.valueOf的区别
- 天天学Linux命令21--find命令之exec
- 【Java线程】锁机制:synchronized、Lock、Condition
- 将数据库读取的平级数据转换成父子孙结构
- H5移动端调用相机/相册
- mysql操作相关合集
- 【word2vec实例1】
- 金融科技:为何商业银行必须追随零售银行
- MySQL 常见的报错及解决方式
- DFINITY区块链连载(一) 密码学技术介绍
- DFINITY区块链连载(二)阈值组创建与区块生成
- 百练+链表相加+主要就是链表的操作
- probimage问题