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

时间:2014-06-10 09:29:51

标签: jquery jquery-plugins jquery-file-upload jquery-fileupload-rails

如何在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('');            
    }
});

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

1 个答案:

答案 0 :(得分:2)

您可以使用验证选项&#34; acceptFileTypes&#34;和&#34; maxFileSize&#34;正如插件wiki here上所见。

无论如何是一个例子:

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