h5端 input file accept限制类型的话会无法调用相机

在做h5上传照片功能时,对照片格式做了以下限制

<input type="file" accept="image/png,image/jpg,image/jpeg" >
但在微信浏览器中,这种写法会无法调用相机,从而直接进入图库
accept="image/*就是正常的
 
可以把accept="image/*,然后通过验证后缀名是否符合要求,进行格式限制
if (e.target.files[0]) {
        let file = e.target.files[0];
        let filetype = file.type.split(&#039;/&#039;)[1]
        let fileTypes = ['jpg','png','jpeg','bmp']
        if(fileTypes.indexOf(filetype) == -1) {
          Toast('文件格式不符合要求!')
          return
        }
      格式符合后面的逻辑... }

 

 

 

posted @ 2021-05-12 15:59  王坤龙  阅读(1459)  评论(0)    收藏  举报