Canceling request

[tarek71]

I want to add a function to cancel the form submission. Can someone please share their thoughts? Below is how my current upload code is set up

**$('form').ajaxForm({

beforeSend: function(xhrBS) {
	progress_status.html(MSG["INIT.UPLOAD.GENERIC"]);
	$("#showUploadQueue").show();
	var _cancelUpload = "<a href=\"javascript:$('form').abort();\" class=\"ml-5 text-danger cancel_upload\" data-queid=\"" + _queueID + "\">Cancel?</a> ";
	Q_UPLOAD(_queueID, "INIT");
	$("#file_name").html("<div class=\"d-inline-flex mt-3\"><span class=\"ml-2 mr-2 fas fa-file-video\"></span> Upload Started " + _cancelUpload + "</div>");
	setDialogConfig("primary", "SUCCESS.UPLOAD.QUEUE");
    var percentVal = '0%';
    bos_bar.width(percentVal)
    bos_percent.html(percentVal);
	setTimeout(function() {
		$("#emptyQueue").html("");
		//progress_status.html("");
		$("#showUploadQueue").click();
		$(".btnClose").click();	
		UpdateQueueStatus();
		$("#btnClose").click();
	}, 1000);
},
uploadProgress: function(event, position, total, percentComplete) {	
	console.log(event);
    var percentVal = percentComplete + '%';
    bos_bar.width(percentVal)
    bos_percent.html(percentVal);
	$("#pog_" + _queueID).html(percentVal);
},
success: function() {
    var percentVal = '100%';
    bos_bar.width(percentVal)
    bos_percent.html(percentVal);
	    },
complete: function(xhr) {

	//console.log(xhr);
	switch(xhr.responseText.trim())
	{
		case "INVALID":
			Q_UPLOAD(_queueID, "DEL");
			$("#file_name").html("<div class=\"d-inline-flex mt-3\"><span class=\"ml-2 mr-2 fas fa-file-video\"></span> " + MSG["ERROR.UPLOAD.INVALIDFILE"] + "</div>");
			progress_status.html(MSG["ERROR.UPLOAD.INVALIDFILE"]);				
		break;
		case "LARGE":
			Q_UPLOAD(_queueID, "DEL");
			$("#file_name").html("<div class=\"d-inline-flex mt-3\"><span class=\"ml-2 mr-2 fas fa-file-video\"></span>" + MSG["ERROR.UPLOAD.FILESIZE"] + " " + (allowed_video_size/1024)  + "</div>");
			progress_status.html(MSG["ERROR.UPLOAD.FILESIZE"]);				
		break;			
		case "OK":
			Q_UPLOAD(_queueID, "DEL");
			UpdateQueueStatus();
			setDialogConfig("success", "SUCCESS.UPLOAD");
			progress_status.html(MSG["SUCCESS.UPLOAD"]);				
			$("#file_name").html("<div class=\"d-inline-flex mt-3\"><span class=\"ml-2 mr-2 fas fa-file-video\"></span> " + MSG["SUCCESS.UPLOAD"] + "</div>");
			setTimeout(function(){
				progress_status.html("");
				InitUploads($("#PROG_ID").val(),$("#PARAMS").val(),$("#INIT_UPLOAD_SCRIPT").val());
			},1000);
		break;
		default:
			Q_UPLOAD(_queueID, "DEL");
			$("#file_name").html("<div class=\"d-inline-flex mt-3\"><span class=\"ml-2 mr-2 fas fa-file-video\"></span> Upload Failed </div>");
			progress_status.html("\r\n" + xhr.responseText.trim());
		break;
	}
			$("#btnUploadBOSFile").slideUp();
			$(".bos_progress, #upload_progress").slideUp();
			$("#documents_list").slideDown();
			setTimeout(function() {
				progress_status.html("");					
			}, 4000);
}

});**