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

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


/* 
 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() // 移动端可以唤起摄像头拍照
    })
    
}

你可能感兴趣的:(关于h5 input标签模拟点击唤起摄像头拍照 移动端无效的问题)