公司需要做人脸识别的兼容性,需要使用到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() // 移动端可以唤起摄像头拍照
})
}
**粗体** _斜体_ [链接](http://example.com) `代码` - 列表 > 引用
。你还可以使用@
来通知其他用户。