我想将事件附加到我网站上的所有输入type =" file",以检查文件大小是否优于5MO,如果是这样,请阻止上传并显示一个警告。有可能吗?
您可以用jQuery绑定更改事件:
$('input[type="file"]').change(function(){
var f=this.files[0];
var sizeInMb = f.size/1024;
var sizeLimit= 1024*5; // if you want 5 MB
if (sizeInMb > sizeLimit) {
alert('Sorry the file exceeds the maximum size of 5 MB!');
// reset the input (code for all browser)
this.replaceWith(input.val('').clone(true));
return false;
}
else {
// go on
}
}
希望这会有所帮助。
您可以按以下方式尝试:
演示此处
html
<input type="file" id="myFile" />
<span class="err"></span>
JS
$('#myFile').on('change', function(e) {
if((this.files[0].size/1000) > 5120)
{
$('.err').text('File size limit exceeded');
e.preventDefault();
}
else
$('.err').text('');
});