使用Ajax将图像传递到PHP

我试图将图像和标题字段值传递给PHP，我通常使用$\u FILES数组直接使用PHP处理文件上传，我不确定如何使用ajax创建/传递此数组到PHP。 我的表格：

在PHP中，我尝试以下方法：

if (isset($_POST["edit"])) {
    $id = $_POST["edit"];
    $imgName = $_FILES["file"]["imgName"];
}

---

您可以使用jQuery文件上传插件

$('#imgOne').change(function(){ 

  $.ajaxFileUpload({

        fileElementId: 'imgOne',
        url: "../Controller/ProductController.php",

        dataType: 'json',

        success: function(response)
        {
         //Success Code Here
        },

        error: function()
        {
           //Error Code Here
        }
  });
});

---

我在我的一个项目中这样做了，下面的代码对我很有用。 请根据需要对代码进行必要的修改

我的表单按钮：

 <form name="upload_img" enctype="multipart/form-data" id="upload_img">
<input type="file" style="display:none" id="upload-image" name="upload-image"></input>
<button id="upload_image" type="button">Save</button>
</form>

首先，您需要通过下面一行html代码选择图像文件

input type="file" id="image_to_upload" 输入type=“file”id=“图像上传”

之后，您需要编写以下jQuery代码来捕获此事件

jQuery.noConflict(); formdata = new FormData(); jQuery("#image_to_upload").on("change", function() { var file = this.files[0]; if (formdata) { formdata.append("image", file); jQuery.ajax({ url: "destination_ajax_file.php", type: "POST", data: formdata, processData: false, contentType: false, success:function(){} }); } }); jQuery.noConflict（）； formdata=新的formdata（）； jQuery（#image_to_upload”）.on（“change”，function（）{ var file=this.files[0]； if（formdata）{ formdata.append（“图像”，文件）； jQuery.ajax({ url:“destination\u ajax\u file.php”， 类型：“POST”， 数据：formdata， processData:false， contentType:false， 成功：函数（）{} }); } });

在目标ajax文件中，您可以通过以下变量访问图像

print_r($_FILES); 打印（美元文件）；

---

更多信息：

您需要

多部分/表单数据

：jQuery对此进行了抽象，使其更具跨浏览器性（尽管不普遍支持）： input type="file" id="image_to_upload" jQuery.noConflict(); formdata = new FormData(); jQuery("#image_to_upload").on("change", function() { var file = this.files[0]; if (formdata) { formdata.append("image", file); jQuery.ajax({ url: "destination_ajax_file.php", type: "POST", data: formdata, processData: false, contentType: false, success:function(){} }); } }); print_r($_FILES);