如何使用Ajax文件上傳與其他輸入？

Question

我正在使用php和codeigniter，我想要建立一個帶有幾個輸入和文件上傳器的窗體。該文件在提交表單或轉發之前上傳。 我試過AJAX Multi File upload in CodeIgniter，但爲了上傳文件必須提交表格。我不知道如何將其與其他輸入一起使用，並在填寫完所有字段並上傳文件後提交表格

Answer 1

您必須使用formData才能將文件和其他輸入一起發送。有關更多信息，請參閱下面的示例參考

$("#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); 
     } 
    }) 
});