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

最新推荐文章于 2024-08-03 22:32:10 发布

Call_me_small_pure

最新推荐文章于 2024-08-03 22:32:10 发布

阅读量1w

点赞数 1

分类专栏： js 文章标签： ios 相机图片 H5

路漫漫其修远兮，吾将上下而求索～

本文链接：https://blog.csdn.net/Call_me_small_pure/article/details/78332242

版权

js 专栏收录该内容

27 篇文章 0 订阅

订阅专栏

在安卓手机上获取相机并且可以选取图片，完整的写法是：

<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");
            }