美文网首页
解决html5 input 选择图片在安卓手机上失效的问题

解决html5 input 选择图片在安卓手机上失效的问题

作者: super静_jingjing | 来源:发表于2018-08-31 20:50 被阅读0次

    原来的input输入框选择图片是这么写的

    <input type="file" multiple   accept="image/gif, image/jpeg, image/png" id="upload">
    

    但是在安卓手机上不能选择图片,所以改为如下:

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

    但是这样的话,在ios手机上就只能拍照,所以在js中还要加入一下代码

    var u = navigator.userAgent;
    var isiOS = !!u.match(/\(i[^;]+;( U;)? CPU.+Mac OS X/);
     if(isiOS){
        document.getElementById("upload").removeAttribute("capture","camera");
     }
    

    相关文章

      网友评论

          本文标题:解决html5 input 选择图片在安卓手机上失效的问题

          本文链接:https://www.haomeiwen.com/subject/pzmewftx.html