关于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() // 挪动端能够唤起摄像头拍照
    })
    
}

评论

发表回复

您的邮箱地址不会被公开。 必填项已用 * 标注

这个站点使用 Akismet 来减少垃圾评论。了解你的评论数据如何被处理