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

时间:2013-02-04 20:05:05

标签: javascript ajax multipartform-data

我想通过一次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;
    }

  }); 
 });

});

由于 kemil

1 个答案:

答案 0 :(得分:0)

由于这是一个ajax调用,你可以使用GET方法追加选择框和输入字段数据(如果它们符合网址大小),它不需要是一个漂亮的网址;并使用POST作为文件,因为该部分已经正常工作。