Wie verwende ich Ajax-Datei-Upload mit anderen Eingaben?

Question

Ich benutze PHP und Codeigniter, ich möchte ein Formular mit mehreren Eingaben und Datei-Uploader erstellen. Die Datei wird hochgeladen, bevor das Formular gesendet oder neu eingescannt wird. Ich versuchte AJAX Multi File upload in CodeIgniter, aber um die Datei hochladen das Formular muss eingereicht werden. Ich weiß nicht, wie man es mit anderen Eingaben verwendet und das Formular nach dem Ausfüllen aller Felder und dem Hochladen von Dateien sendet.

Answer 1

Sie müssen formData verwenden, um Dateien und andere Eingaben zusammen zu senden Referenz

$("#add_product").click(function(e){ 
    e.preventDefault(); 
    var fdata = new FormData() 

    fdata.append("product_name",$("product_name").val()); 

    if($("#file")[0].files.length>0) 
     fdata.append("file",$("#file")[0].files[0]) 

    $.ajax({ 
     type: 'POST', 
     url: 'ajax.php', 
     data:fdata, 
     contentType: false, 
     processData: false, 
     success: function(response) 
     { 
      alert(response); 
     } 
    }) 
});