input file文件上传限制大小类型
2018-11-05 本文已影响367人
仰望天空的人
function Fileupload (filevalue, filesize, filetype, filecallback) {
var file = filevalue.files[0];
var fileSize = (file.size / 1024).toFixed(0); // 不保留小数 可随意用任何方法 如Math
var fileType = filevalue.value.substring(filevalue.value.lastIndexOf("."));
// console.log(file+'+-----------------+'+fileSize+'+-----------------+'+fileType);
if (fileSize > filesize) {
alert('上传文件超出限制大小');
$('#upload-file').val('');
return false;
}
switch (filetype) {
case 'office':
if (!fileType.match(/.doc|.txt/i)) {
alert('请上传doc、txt文件');
$('#upload-file').val('');
return false;
}
break;
default:
alert('filetype参数错误');
console.error('filetype参数错误!');
return false;
break;
}
filecallback()
}
// 调用
$('#upload-file').change(function() {
Fileupload(this, 10240, 'office', function() {
alert('success 上传成功');
// console.log($('#upload-file').val());
})
})
// HTML
<input type="file" id="upload-file">
switch还可定义image图片之类,office
等多种类型,具体按照自己业务需求来定义
我大小是按照10M需求来的,各位自行定义