javascript - 通过ajaxForm插件取消正在进行的文件上传

Question

我正在使用http://hayageek.com/ajax-file-upload-jquery/ (http://malsup.com/jquery/form/#ajaxForm)插件通过ajax上传文件，工作正常。现在我想在上传文件之前设置文件大小限制。我尝试了下面突出显示的代码，但这根本不会取消文件上传。

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

谁能帮忙

Answer 1

在这样的失败情况下中止 Ajax。

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