jquery 上传图片大小

张千苒 5天前 7浏览 0评论

jQuery 是一种先进的 JavaScript 库,可用于简化 HTML 文档中的 JavaScript 编程。其中,有一个很常用的功能是文件上传。但是,很多时候上传的文件大小是被限制的,因此在 jQuery 中需要对上传的图片大小进行限制。

$('input[type=file]').change(function(){
var fileSize = this.files[0].size;
if(fileSize > 1024*1024){
alert("文件大小不能超过1M");
this.value="";
}
})

以上代码就是使用 jQuery 来限制上传图片大小的方法。

首先,我们需要通过选择器选择一个 type 为 file 的 input 元素,然后绑定一个 change 事件。

当用户选择文件后,这个事件就会被触发,我们就可以通过 this.files[0].size 属性来获取到当前上传文件的大小。如果大于1M,则弹出提示,清空文件选择框。

通过使用这段代码,我们就可以轻松地限制上传图片的大小,提高用户体验。