I have code similar to the following:
UploadWidget.prototype.setup_form_handling = function() {
var _upload_widget = this;
$('form#uploader')
.unbind('trigger-submit-form') // This might be our company's own method
.bind('trigger-submit-form', function() {
var $form = $(this);
$form.ajaxSubmit({
dataType: 'json',
success: function(data, status, xhr, form) {
// ...
},
error: function(xhr, status, errorThrown) {
// ...
}
});
return false;
});
};
Is there a way to use, say, the reset button of the form to cancel the upload process? Or would I have to navigate to the current page (refresh) in order to stop everything?
I tried making a variable stored by the UploadWidget object that stores the jqXHR value (and calling var _upload_widget.jqXHR = $form.ajaxSubmit({ ... });
), but I don't think I'm doing it right.
Since Dec 2012 it is possible to access xhr directly:
src - https://github.com/malsup/form/issues/221
Try
which mimics the stop button being pressed. Not entirely sure that IE likes it though. For IE, you could try:
You can use this way:
This will stop your previous ajaxSubmit requests.
Unlike
jQuery.ajax()
,ajaxForm()
andajaxSubmit()
of the jQuery form plugin do not return the jqXHR object. There are other ways to get the jqXHR object, though:data()
method on the form object (easiest way)ajaxSubmit()
returns the form object. You can call thedata()
method on this form object to get the XHR object:Then call
xhr.abort()
when you want to abort the upload.This functionality was added in December 2012; see issue 221. (shukshin.ivan's answer was the first to point this out.)
beforeSend
callback (for jQuery Form versions before December 2012)In addition to the options listed in the jQuery form plugin site,
ajaxForm()
andajaxSubmit()
will also take any of the jQuery.ajax() options. One of the options is abeforeSend
callback, and the callback signature isbeforeSend(jqXHR, settings)
.So, specify a
beforeSend
callback function, and the jqXHR object will be passed in as the first parameter of that callback. Save that jqXHR object, and then you can callabort()
on that jqXHR object when you want to abort the upload.