Angular JS中的多张图片上传

Question

我的表单将有两个文件输入字段和其他字段。用户将选择两种不同类型的文件并输入一些数据。在提交按钮上，我想将这两个文件连同随附的数据一起发送到服务器。

我遇到了两个 Angular 文件上传器

1. Angular-file-upload (nervgh)
2. Angular File upload (danial farid)

两者都允许多个文件，但每个文件都有一个 Http 请求。但我想要的行为是 1 个发送两个文件和一些 JSON 数据的 Post 请求。

我的后端是 NodeJS。

Answer 1

你会想要这样的东西。

$http({
        method: 'POST',
        url: '/api/fogbugz/bug/create',
        data: { request: $scope.request, files: $scope.files },
        headers: { 'Content-Type': undefined },
        transformRequest: function(data) {
          var formData = new FormData();
          formData.append("request", angular.toJson(data.request));
          for (var i = 0; i < data.files.length; i++) {
            formData.append("File" + (i + 1), data.files[i]);
          }
          formData.append("nFileCount", data.files.length);
          return formData;
        }
      }).success(function(data) {

      }).error(function(error, response) {

      });

重要的是，您必须将标题中的 set Content-Type 设置为 undefined 而不是 multipart/form-data，因为 undefined 将为表单数据设置正确的边界。