jquery - 使用 Jquery 获取 FileUpload 控制文件大小

Question

我想使用 jquery 获取文件上传控制文件大小。我该怎么做..任何人都可以帮助我。我正在使用 MVC 3

谢谢

Answer 1

至少在发布问题之前搜索该网站。但是，这是获取文件大小的一个很好的答案。 通过Javascript确定图像文件大小+尺寸？

但是，如果您希望文件的扩展名来验证用户输入，您可以尝试以下操作

    $(document).ready(function () {
    $("#uploadImage").live("change", function () {
    alert(this.files[0].size); // this line will return the file size 
        var file = $('#uploadImage').val().split('.').pop().toLowerCase();

        if ($.inArray(file, ['gif', 'png', 'jpg', 'jpeg', 'tif', 'bmp', 'doc', 'docx', 'pdf', 'xlsx', 'xls', 'txt']) == -1) {
            alert('Only file with extension ".jpg", ".jpeg" , ".png" , ".gif", ".tif", ".bmp",".doc",".docx",".pdf",".xlsx",".xls",".txt" are allowed');
        }
    });
}); 

注意：files[0].size 是一个 html 5 api 属性。所以它可能不适用于所有浏览器。

Answer 2

我为这个东西做了一个插件。但请注意，它只是客户端的控件，您也应该检查服务器中的文件大小

无论如何，这是插件（需要 jquery）： 控制文件大小 v. 1.30