码迷,mamicode.com
首页 > 其他好文 > 详细

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

时间:2021-05-24 07:03:49      阅读:0      评论:0      收藏:0      [点我收藏+]

标签:==   功能   文件格式   ima   文件   微信   bsp   input   span   

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

 

 

 

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

标签:==   功能   文件格式   ima   文件   微信   bsp   input   span   

原文地址:https://www.cnblogs.com/wangkunlong/p/14760209.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!