jquery 上传文件 大小

颜良俊 2周前 7浏览 0评论

jQuery是一款非常流行的JavaScript库,可以用来开发各种Web应用程序。其中包括上传文件。上传文件时,经常涉及文件大小的限制,接下来我们就来介绍如何使用jQuery上传文件大小。

// HTML代码
<input type="file" id="fileInput" name="fileInput" />

// jQuery代码
$(document).ready(function() {
    // 限制上传文件大小为10MB
    $('#fileInput').change(function() {
        var fileSize = this.files[0].size;
        if (fileSize > 10485760) {
            alert('上传文件大小不能超过10MB');
            this.value = '';
        }
    });
});

以上代码中,我们给文件上传控件添加了change事件,当文件发生变化时,会触发该事件。然后我们通过this.files[0].size获取到上传文件的大小,如果超过10MB,则弹出提示框,否则允许上传。

需要注意的是,文件大小的计算单位是字节。10485760字节即表示10MB。如果需要限制上传文件的大小为其他大小,则可以根据需要更改该数字即可。

以上就是使用jQuery上传文件大小的简单介绍,希望能对大家有所帮助。