之所以写这篇文章,因为搜索时搜到很多文章说通过设置“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