Загрузка изображения Ajax с использованием метода сериализации

Question

Здесь я использовал метод сериализации для извлечения данных, но я не получаю изображение из этого, пожалуйста, помогите найти решение или дать мне альтернативу метода сериализации.

$("#button").click(function(){ 
    $.ajax({ 
     type: 'POST', 
     url: ajax_url, 
     enctype: 'multipart/form-data',  
     data:{ 

      data_array:$("#form").serialize(), 
      action: 'product_add_form_submit' 
     }, 
     success: function (data) { 
      alert('Successfully Submitted'); 
     } 
    }); 
}); 

Answer 1

Вы можете загрузить полей формы с файлом, как указано ниже, и следовать комментарий.

$('#my-form').submit(function(e) { 
    form_data= new FormData($(this)[0]); 
    var imgFile = $("file_input_selector")[0]; // change your delector here 
    form_data.append("file_name_field", imgFile.files[0]); // change filename field here 
    $.ajax({ 
     url: 'http://host.com/action/', 
     type: 'POST', 
     data: form_data, 
     success: function(data){ 
      alert(data); 
     } 
    }); 
    e.preventDefault(); 
}); 

Answer 2

('#my-form') 
    .submit(function(e) { 
    $.ajax({ 
     url: 'http://host.com/action/', 
     type: 'POST', 
     data: new FormData(this), 
     processData: false, 
     contentType: false 
    }); 
    e.preventDefault(); 
    });