create ajax request with file upload with formData

26 0 0 0

Last Updated : 2020-12-03 15:55:57

how to create ajax request without using serialize

$("#addQuestionnaireBTN").click(function () {
// get form and its dependences
var theForm = $("#addQuestionnaireForm");
var formAction = theForm[0].action;
var formMethod = theForm[0].method;
var formData = new FormData($('#addQuestionnaireForm')[0]); // use this code for form data in uploading files

$.ajax({
url: formAction ,
method: formMethod ,
data: formData ,
processData: false, // must provide this line
contentType: false, // must provide this line
headers: {
'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')
},
dataType: "json",
success: function(data){
// what you want
},
error: function(){
// what you want
}
}) ;

}) ;

Mahmoud Anwar

Mahmoud Anwar

Back End Developer with a passion for developing innovative web applications that expedite the efficiency and effectiveness of organizational success. Well-versed in technology and writing code to create systems that are reliable and user-friendly. Also has the proven ability to motivate, educate, and collaborate effectively to build web applications and effectively track changes. Confident communicator, strategic thinker, and innovative creator to develop software that is customized to meet a company’s organizational needs, highlight their core competencies, and further their success.