JQuery Ajax从客户端上传文件和其他值[重复]

Question

我需要将文件上传到服务器并发送 GUID 值，这两者都需要完成操作。

是否可以用一个$.ajax 声明同时发送两者？

这是我正在使用的 Upload 操作方法的 sn-p

[HttpPost]
public ActionResult Upload()
{
  HttpPostedFileBase file = Request.Files[0];
}

这是我用来将文件发送到服务器的 Javascript 代码的 sn-p

function upload() {
  var formData = new FormData();
  var totalFiles = document.getElementById("FileUpload").files.length;

  for (var i = 0; i < totalFiles; i++) {
    var file = document.getElementById("FileUpload").files[i];

    formData.append("FileUpload", file);
  }

  $.ajax({
    type: 'post',
    url: '/myController/Upload',
    data: formData,
    dataType: 'json',
    contentType: false,
    processData: false,
    success: function (response) {
      alert('succes!!');
    },
    error: function (error) {
      alert("errror");
    }
  });
}

这段代码运行良好。该文件按预期上传，但现在我需要将GUID 发送到同一个控制器（上传）所以我想知道我是否可以在同一个$.ajax 语句中发送带有文件的GUID？

Answer 1

function upload() {
  var formData = new FormData();
  var totalFiles = document.getElementById("FileUpload").files.length;

  for (var i = 0; i < totalFiles; i++) {
    var file = document.getElementById("FileUpload").files[i];

    formData.append("FileUpload", file);
formData.append("guid", theGuid);
  }

  $.ajax({
    type: 'post',
    url: '/myController/Upload',
    data: formData,
    dataType: 'json',
    contentType: false,
    processData: false,
    success: function (response) {
      alert('succes!!');
    },
    error: function (error) {
      alert("errror");
    }
  });
}

在服务器端：

Request.Form["guid"];
Request.Files["FileUpload"];