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
        }
      格式符合后面的逻辑... }

 

 

 


免责声明!

本站转载的文章为个人学习借鉴使用,本站对版权不负任何法律责任。如果侵犯了您的隐私权益,请联系本站邮箱yoyou2525@163.com删除。



 
粤ICP备18138465号  © 2018-2025 CODEPRJ.COM