multipart/form-data，使用ajax上传多个文件

Question

正在尝试创建多个文件+文本块上传。使用RoR，AngularJS，你也会看到一些Bootstrap的东西。我已经在SO和Google上搜索了大约一个小时，尽管无可否认它只是在兜圈子，我觉得应该有一个简单的错误。下面是erb：

  <form id="upload-attach-form" class="upload-form" name="upload-attach-form" enctype="multipart/form-data">
    <input type="hidden" name="identifier" ng-value="identifier" />
    <textarea name="text" class="input-xlarge" placeholder="input text..." style="height:6em;width:30em"></textarea>
    <input type="file" name="files" id="uploaded-files" multiple />
  </form>

  <button class="btn btn-success" ng-click="submitForm()">Send</button>

以及相关的js：

    $scope.submitForm = function(){
    var upload_data = new FormData($('#upload-attach-form'));
    $.ajax({
        type: "POST",
        url: "/upload_attachment",
        data: upload_data,
        contentType: false,
        processData: false,
        success: function(){
            $("#attachment-ctrl").modal('hide'); //hide popup
        },
        error: function(){
            alert("failure");
        }
    });
}

这将导致一个出站请求，如下所示：

  Content-Type:multipart/form-data; boundary=----WebKitFormBoundaryoIsRaBissNVsFEdr
  Content-Length: 44
  ...
  Request-Payload: ------WebKitFormBoundaryoIsRaBissNVsFEdr--
      <<nothing here>>
  Response-Headers: ...

这意味着我的表格里什么都没有。不确定从哪里开始，随意地在这里和那里替换东西(有点不舒服，所以可能想不清楚)。

Answer 1

尝试替换：

var upload_data = new FormData($('#upload-attach-form'));

通过这一条：

var upload_data = new FormData($('#upload-attach-form')[0]);