乐趣区

关于html5:关于h5-input标签模拟点击唤起摄像头拍照-移动端无效的问题

公司须要做人脸识别的兼容性,须要应用到 input type 为 file 的标签唤起相机,代码如下:

<input type="file" accept="images/*" capture="user" id="input" />
/* 
 capture -> user 为前置摄像头
 capture -> camera 为后置摄像头
 accept -> image 为拍照
 accept -> video 为录像
*/
window.onload = function() {document.getElementById('input').click()}

在 PC 端的话能够间接唤起文件上传,然而在挪动端网页则无奈唤起,什么反馈都没有,看了一遍文章,写的也不是很具体,但至多解决了 https://blog.csdn.net/logan_L…

解决方案:
将主动触发点击事件放到异步函数 setTimeout 里

window.onload = function() {setTimeout(() => {document.getElementById('input').click() // 挪动端能够唤起摄像头拍照})
    
}
退出移动版