他の入力で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); 
     } 
    }) 
});