jquery - 如何在 jquery 文件上传中验证文件类型和文件大小

Question

如何在 jquery 文件上传中验证文件类型、文件大小？我正在使用以下代码。

 $('#fileupload').fileupload({
    dataType: 'json',
    url: '/VendorReport/UploadFiles',       
    add: function (e, data) {
        data.context = $('<button/>').text('Upload')
            .appendTo($('#divUpload'))
            .click(function () {

                var ddlType = $("#ddlType").val();
                if (ddlType == '') {
                    $('#divUpload').empty();

                    ShowNotify('Please select Type...!', 'warning', 2000);
                    return false;
                }
                $('#smp').empty();
                data.context = $('<p/>').text('Uploading...').replaceAll($(this));                    
                data.submit();
            });
    },
    success: function (msg) {
        UploadCall(msg.name);
                },
    done: function (e, data) {
        data.context.text('');            
    }
});

请帮助我如何验证文件大小和文件类型。

Answer 1

您可以使用此处的插件 wiki 上所见的验证选项“acceptFileTypes”和“maxFileSize” 。

无论如何，一个例子：

$('#fileupload').fileupload({
  acceptFileTypes: /(\.|\/)(mp4)$/i, //MP4
  maxFileSize: 10000000 //10 MB
});