Resulta que tengo una función que sube una imagen al servidor, pero a veces tarda demasiado y me gustaría poder cancelar dicha función mediante un botón de cancelar.
$('#imageUploadForm').on('change',(function(e) {
e.preventDefault();
var formData = new FormData(this);
$.ajax({
type:'POST',
url: $(this).attr('action'),
data:formData,
cache:false,
contentType: false,
processData: false,
success:function(data){
console.log("success");
console.log(data);
},
error: function(data){
console.log("error");
console.log(data);
}
});
}));
¿Cómo podría detenerla el usuario con un click?