input file 选择文件，连续点击会连续多次弹出文件选择框。

Question

我用input file 选择图片上传，但是input file 有时候点击后反应很慢，而且连续点击后会连续多次弹出文件选择框。我想过点击是禁用input file 选择完解开禁用，但是如果用户直接取消，那么就无法兼听到。不知道有没有办法。

Answer 1

input标签需要明确写上accept具体内容
比如：<input type="file" accept="image/jpg,image/JPG,image/gif,image/png" />

Answer 2

var flag = true;
if(flag){
   $(':files')[0].addEventListener('change', function () {
         flag = false;
         ...
         ...
         ... 
         if(获取到文件){
              flag = true;
          }
    }
    
}else{
    return 'return false' ;
}

Answer 3

在html中你限制图片格式是不是用到accept = ‘image/*’，如果用到，有些浏览器弹出会很慢，换成这样accept="image/jpg,image/JPG,image/gif,image/png"会快一点。