javascript - jQuery PreventDefault 并返回 false 不起作用

Question

我正在尝试实现图像预览。它工作得很好，直到我遇到一个问题，我需要防止输入文件不改变。

JSFIDDLE

当尝试更改图像时，效果很好。更改为图像后，尝试将输入文件更改为 txt 文件。它警告正确的错误，但输入文件也被更改。

$('body').on('change','.input-preview',function(e){
    var ito = $(this);
    var img = ito[0].files;
    var errs = [];
    for(x=0;x<img.length;x++){
        if(img[x].type!=='image/jpeg' && img[x].type!=='image/gif' && img[x].type!=='image/png'){
            errs.push('Not image.');
            break;
        }
        if(img[x].size>(1024000 * 5)){ 
            errs.push('File is too big.');
            break;
        }
    }
    if(errs.length){
        e.preventDefault();
        alert(errs[0]);
        return false;
    }else{
      previewIt(this, $('.preview-profile'));
    }
  });

Answer 1

change 事件不可取消。请参阅 MDN 上的文档.