解决安卓手机上传图片没有拍照选项，修改后又出现的安卓手机能加载图库和摄像头但苹果手机不能加载图库的问题

未具名

于 2018-09-28 15:48:36 发布

阅读量4.7k

点赞数

CC 4.0 BY-SA版权

分类专栏： front-end_javaScript

本文链接：https://blog.youkuaiyun.com/qq_26684469/article/details/82885235

front-end_javaScript 专栏收录该内容

14 篇文章

订阅专栏

本文介绍了一种解决iOS和安卓设备上使用相机时的兼容性问题的方法，通过判断设备类型并调整代码，使应用既能在安卓上使用摄像头，也能在iOS上选择图库图片。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

 <input type="file" id="choose" accept="image/*"  multiple>

上面是源代码，下面修改后可以让安卓手机显示摄像头

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

随之出现的新问题，苹果手机不能加载图库

解决代码：

$(function () {
    //解决上传图片时capture="camera"在安卓与IOS的兼容性问题（在IOS只能拍照，不能选相册）
        var ua = navigator.userAgent.toLowerCase();//获取浏览器的userAgent,并转化为小写——注：userAgent是用户可以修改的
        var isIos = (ua.indexOf('iphone') != -1) || (ua.indexOf('ipad') != -1);//判断是否是苹果手机，是则是true
        if (isIos) {
            $("#choose").removeAttr("capture");
        };
    })