how to validate file type and file size in jquery file upload

Question

how to validate file type, file size in jquery file upload ? i am using the following code .

 $('#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('');            
    }
});

please help me how to validate file size and file type.

Adriano Leal · Accepted Answer · 2014-08-04 18:34:01Z

2

You could use the validation options "acceptFileTypes" and "maxFileSize" as seen on the plugin wiki here.

Anyway an example:

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

answered Aug 4, 2014 at 18:34

Adriano Leal

3261 gold badge6 silver badges22 bronze badges

Sign up to request clarification or add additional context in comments.

Collectives™ on Stack Overflow

how to validate file type and file size in jquery file upload

1 Answer 1

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Related