您的位置:首页 > Web前端 > HTML5

如何解决H5中获取相机与图片,在苹果手机获取不了文件选择图片的问题

2017-10-24 17:38 1801 查看
在安卓手机上获取相机并且可以选取图片,完整的写法是:

<input type="file" accept="image/*" capture="camera" />


但是苹果手机上运行它只会获取照相功能,并不能进行图片的选择,如何解决的,非常简单,在js中调用这个方法之前先进行一次判断,判断手机是安卓按时iOS,如果是iOS,就把capture属性移出就可以了。iOS会对相机还是文件夹进行手动选择的。

var u = navigator.userAgent;

var isiOS = !!u.match(/\(i[^;]+;( U;)? CPU.+Mac OS X/);

if(isiOS){
xueLiPhoto.removeAttribute("capture","camera");
idPhoto.removeAttribute("capture","camera");
imginput.removeAttribute("capture","camera");
}


→将选取的图片文件放到页面上
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签: 
相关文章推荐