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