javascript - ajax Miltipart FormData - 在一个请求中上传数据和文件

Question

我想通过一个 ajax 调用同时上传文件（图像和 PDF 文件）和数据（选择框值和输入字段）。我已经到了可以成功上传我需要的两个文件的阶段，但是我很难将输入中的值和选择标签附加到 FormData 对象。

多年来一直坚持这一点，所以任何帮助将不胜感激。

下面是 ajax 调用它的自身 - 如果这还不够并且您需要更多信息，请告诉我。

$(function(){

$("#ajaxComm").submit(function(e){

e.preventDefault();

imageInput = document.getElementById("File-0")
pdfInput = document.getElementById("File-1")

imageFile = imageInput.files[0];
pdfFile = pdfInput.files[0];

var formdata = new FormData();  


formdata.append('file-0[]', imageFile);
formdata.append('file-1[]', pdfFile);

   $.ajax({
    url: "upload.php",
    type: "POST",
    data: formdata,
    processData: false,
    contentType: false,
    success: function (res) {
    document.getElementById("response").innerHTML = res;
    }

  }); 
 });

});

谢谢凯米尔

Answer 1

由于这是一个 ajax 调用，您可以使用GET方法来附加选择框和输入字段数据（如果它们适合 url 大小），它不需要是漂亮的 url；并POST用于文件，因为该部分已经在工作。