jquery file upload error: has no method 'abort'

Asked May 14 '13 at 12:27

Active May 14 '13 at 12:34

Viewed 831 times

I'm trying to implement cancel action for file upload plugin and have some issue with aborting jqXHR request.

$('#filedd').fileupload({
        dataType: 'json',
        url: "",
        progress: function (e, data) {},
        add: function(e, data) {           
                req = data.submit();
                setTimeout(function(){
                    req.abort();
                }, 100)           
        }
);

And I get result that

req has not method 'abort'

I've tried other options like reject() it's OK, but it doesn't cancel the upload (break request).

Any ideas what is wrong here?

edited May 14 '13 at 12:34

ssilas777

9,672
4
45
68

asked May 14 '13 at 12:27

Anton Igonin

I don't think you can abort the upload like that because it does not use XMLHttpRequest to upload the file, it is a normal file upload using an iframe. – Arun P Johny May 14 '13 at 12:29
what you mean iframe? this is ajax post reqest. in header it says: X-Requested-With:XMLHttpRequest – Anton Igonin May 14 '13 at 12:35
which is the plugin used & browser used to test – Arun P Johny May 14 '13 at 12:36
In browsers which does not support `FormData` api the file upload is done using a iframe based form submission solution – Arun P Johny May 14 '13 at 12:37
I'm testing it on Chrome (last build), jQuery File Upload Plugin 5.26 – Anton Igonin May 14 '13 at 12:48
What version of JQuery are you using? There is a known issue with 1.7 – mccannf May 14 '13 at 18:02
Yes, I have 1.7... Will check this on higher version. – Anton Igonin May 15 '13 at 06:42
Updated to version 1.7.1. All works fine now. Thanks a lot! – Anton Igonin May 15 '13 at 08:17

jquery file upload error: has no method 'abort'

0 Answers0