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

【腾讯云】轻量 2核2G4M,首年65元

阿里云限时活动-云数据库 RDS MySQL  1核2G配置 1.88/月 速抢

本文由乐趣区整理发布,转载请注明出处,谢谢。

您可能还喜欢...

发表回复

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

此站点使用Akismet来减少垃圾评论。了解我们如何处理您的评论数据