在做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('/')[1] let fileTypes = ['jpg','png','jpeg','bmp'] if(fileTypes.indexOf(filetype) == -1) { Toast('文件格式不符合要求!') return }
格式符合后面的逻辑... }