当前位置: 首页 > Web前端 > HTML5

H5(手机端)前端使用inputtype=file上传图片,调用相机和相册

时间:2023-04-04 22:51:15 HTML5

在手机页面使用上传的文件或图片时,IOS和Android有很多区别。input有一个capture属性,取值:camera:camera;摄录机:照相机;microphone:recording如果要在Android上调用camera,需要添加capture属性,所以我在IOS和Android上进行了三端测试!结果如下:1.Android:【微信】:随拍,调整相机;没有抓拍,一起调相册摄像头[QQ]:有抓拍,一起调相册摄像头;无抓拍,调整相册[浏览器]:有抓拍,调整相机;不带抓拍,相册相机2.IOS【微信】:带抓拍,调整相机;不抓拍,用相册调相机[QQ]:带抓拍,调相机;没有抓拍,用相册调整相机[浏览器]:有抓拍,调整相机;不加capture我们可以看到IOS的性能是一样的,只要不加capture就可以正常使用,但是Android上的QQ性能不一致,所以在实际开发中只需要判断是否(isAndroid&&type==='qq'){this.$参考。上传文件。setAttribute('capture','camera');}结束!