摘要：在移动端页面使用上传文件或者图片时，和安卓的展现方式有很多不一样。
在移动端页面使用上传文件或者图片时，IOS和安卓的展现方式有很多不一样。
input 有 captrure属性，取值：camera：相机；camcorder：摄像；microphone：录音
在安卓想要调用相机需要添加capture属性，于是我在IOS和Android上进行了三端测试!
结果如下：
1. 安卓： 【微信】： 有capture，调相机； 无capture，相册相机一起调 【QQ】： 有captrue，相册相机一起调； 无capture，调相册 【浏览器】：有capture，调相机； 无capture，相册相机一起调 2. IOS 【微信】： 有capture，调相机； 无capture，相册相机一起调 【QQ】： 有capture，调相机； 无capture，相册相机一起调 【浏览器】：有capture，调相机； 无capture，相册相机一起调
我们可以看见，IOS表现行为一致，只要不加capture就可正常使用
而在Android上 QQ表现不一致，于是在实际开发中，我们只需要判断
if (isAndroid && type === "qq") {
this.$refs.uploadFile.setAttribute("capture", "camera");
}
over！
文章版权归作者所有，未经允许请勿转载,若此文章存在违规行为，您可以联系管理员删除。
转载请注明本文地址：https://www.ucloud.cn/yun/54693.html
摘要：在移动端页面使用上传文件或者图片时，和安卓的展现方式有很多不一样。 在移动端页面使用上传文件或者图片时，IOS和安卓的展现方式有很多不一样。 input 有 captrure属性，取值：camera：相机；camcorder：摄像；microphone：录音 在安卓想要调用相机需要添加capture属性，于是我在IOS和Android上进行了三端测试! 结果如下： 1. 安卓： 【...
阅读 3316·2021-11-16 11:45
阅读 4385·2021-09-22 15:38
阅读 2841·2021-09-22 15:26
阅读 3347·2021-09-01 10:48
阅读 826·2019-08-30 15:56
阅读 713·2019-08-29 13:58
阅读 1486·2019-08-28 18:00
阅读 2159·2019-08-27 10:53
