当文件上传时如果在前端就进行验证可以减少对服务器的压力,当用户上传的文件大于限制的大小时,可以用change来进行判断验证。
但是用一个文件第一次上传时可以运行,第二次上传一样的文件,就不会执行change事件,后来我想了下,如果执行不成功就将file清空。
代码如下
<script type="text/javascript">
//上传文件时在前端判断文件大小 JS文件
$(document).ready(function (e) {
$("#upfile").change(function (e) {
var fileSize = 0;
// IE浏览器
var fileSize = $("#upfile").get(0).files[0].size;
var size = fileSize / 1024 / 1024;
if (size > 5) {
alert("上传文件不能大于5M");
$("#upfile").val("");
return;
}
});
});
</script>
<!--file文件 -->
<input type="file" id="upfile" name="upfile" runat="server" class="InputSta" />