移动端 input type="file" 选取来源的问题
神之左手 2015-10-23 04:59:06 真正开始接触移动WEB开发时间不算长,各种浏览器及安卓,ISO系统的兼容性依然和原先做PC端前端一样是我最头大的问题。
现在有个需求,要求用<input type="file"/>来拾取图像,且来源只能是用手机拍照获取,而不是手机存储文件,网上搜索了下,capture="camera"这个属性添加之后,至少在我的米4手机里默认浏览器上就能达到这个目的,但问题是:
手机端的firefox浏览器依然会有文件选择,手机端UC浏览器也是一样的问题,苹果的safair也是一样。
三个浏览器的表现如下
火狐的一旦点击后显示文件上传对话框,有选择图库,文件管理和相机;
UC浏览器则累赘的把input框变成了拍照,图片,文件三个按钮;
而Safair同样的弹出框中有本地文件的选择;
所以想问下,是否有机制(或者input的标签的特有属性)来实现这样的需求,仅用相机来获得上传图片,而非使用其他文件来源。虽然input的js对象有个方法是click(),调用这个方法可以实现和鼠标点击input一样的效果,如此可以隐藏input在各浏览器中不同的外观,但实际的问题还是一样没有解决,文件选取各浏览器该怎么显示还是怎么显示。