如何使用其他输入的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);
        }
    })
});