Jquery上传是一种常见的前端技术,可以方便地实现文件上传功能。但是,上传的文件大小也是一个需要注意的问题。为了避免因文件过大而导致上传出错,我们需要对上传的文件大小进行限制。
$('input[type="file"]').change(function(){
var fileSize = this.files[0].size;
if(fileSize > 1024*1024){
alert('文件大小不能超过1M!');
this.value = '';
return false;
}else{
//上传代码
}
});
以上代码是基于Jquery的文件上传大小检测源码。我们采用了文件对象的size属性来获取文件的大小,同时与1M进行比较。如果超过1M,则弹出提示信息并清空当前选中的文件对象。否则,继续执行上传代码。
需要注意的是,文件上传的大小检测并不能完全保证上传的文件大小不会超限。因为文件可能会在客户端被篡改,所以最好在服务器端再次进行检测,确保上传的文件符合要求。
上一篇 jquery 上传blob
下一篇 jquery 上下轮播代码