h5调用手机前置摄像头

input 标签 capture 属性值为 user 时,可以调起手机前置摄像头。

<input value='' accept="video/*" capture="user"> //添加capture则不能选择本地图片只能使用摄像头

但是在react项目中遇到问题,capture属性不起作用,对比浏览器代码发现

react项目中的input
原生js项目中的input

在原生js代码写的input在浏览器中 capture属性是有值得,但是react中 capture属性值被清空了

测试发现 只有在react中 capture被清空,vue都可以正常调起前置摄像头。

解决办法,强制添加capture属性值。

在组件加载完成之后添加,否则失效

注:capture属性值为user目前只有iOS 以及 安卓8.0以上 版本支持

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容