CODEWITHSUNDEEP
javascriptjqueryajaxfile-upload
Jitendra Pancholi
Jitendra Pancholi

Reputation: 7562

Cancel file inprogress file upload via ajaxForm plugin

I am using http://hayageek.com/ajax-file-upload-jquery/ (http://malsup.com/jquery/form/#ajaxForm) plugin to upload files via ajax which is working fine. Now I want to put a file size restriction before file is being uploaded. I tried below highlighted code but that does not cancel file uploading at all.

$('#fileUpload').ajaxForm({
    beforeSend: function () {
        // File size restriction code
        var fileSize = $('.custom-file-input')[0].files[0].size; // in bytes
        fileSize = (fileSize / 1024) / 1024; // MB
        if (fileSize > 2) {
            $('.progress').hide();
            $('input#file').val('');
            $('.custom-file-label').html('<span class="bar-container">Choose file<span class="bar bar-@Model"></span></span>');
            parent.setError('Please Upload a file upto 250 mb.');                
            return false;
        }
        // File size restriction code
    },
    uploadProgress: function (event, position, total, percentComplete) {
        // some code
    },
    complete: function (xhr) {
        var result = JSON.parse(xhr.responseText);
        // some code
    },
    url: '/Records/UploadSharedDocuement'
});

Can anyone pls help

Upvotes: 1

Views: 118

Answers (1)

Mr Khan
Mr Khan

Reputation: 2292

Abort Ajax on failed condition like this.

$.ajax({
    url : 'myfile',
    dataType: 'script',
    beforeSend : function(xhr, opts){
        var fileSize = $('.custom-file-input')[0].files[0].size;
        if(fileSize>1024)
        {
            xhr.abort();
        }
    },
    complete: function(){
        console.log('Uploaded');
    }
});

Upvotes: 3

Related Questions