jQuery-File-Upload如何限制上传文件的大小

之所以写这篇文章，因为搜索时搜到很多文章说通过设置“maxFileSize”即可，查看jQuery-File-Upload源码发现根本就没有这个选项，小伙伴们就不要相信这个做法了，接下来给出一个可行的解决方案：在add方法中增加对文件大小的判断，文件过大则弹出提示不提交文件：

add: function(e, data) {

var uploadErrors = [];

var acceptFileTypes = /^image\/(gif|jpe?g|png)$/i;

//文件类型判断

if(data.originalFiles[0]['type'].length && !acceptFileTypes.test(data.originalFiles[0]['type'])) {

uploadErrors.push('Not an accepted file type');

}

//文件大小判断

if(data.originalFiles[0]['size'].length && data.originalFiles[0]['size'] > 5000000) {

uploadErrors.push('Filesize is too big');

}

if(uploadErrors.length > 0) {

alert(uploadErrors.join("\n"));

} else {

data.submit();

}

}

enjoy