Javascript Angular JS中的多个图像上载

Javascript Angular JS中的多个图像上载,javascript,node.js,angularjs,angularjs-directive,angularjs-scope,Javascript,Node.js,Angularjs,Angularjs Directive,Angularjs Scope,我的表单将有两个文件输入字段和其他字段。用户将选择两种不同类型的文件并输入一些数据。在“提交”按钮上,我想将这两个文件以及附带的数据发送到服务器 我遇到了两个角度文件上传 两者都允许多个文件,但每个文件都有一个Http请求。但我想要的行为是发送两个文件和一些JSON数据的一个Post请求 我的后端在NodeJS中。您会想要这样的东西 $http({ method: 'POST', url: '/api/fogbugz/bug/create',

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

我遇到了两个角度文件上传

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


    我的后端在NodeJS中。

    您会想要这样的东西

    $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) {
    
          });
    
    $http({
    方法:“POST”,
    url:“/api/fogbugz/bug/create”,
    数据:{request:$scope.request,files:$scope.files},
    标题:{“内容类型”:未定义},
    转换请求:功能(数据){
    var formData=new formData();
    append(“request”,angular.toJson(data.request));
    对于(var i=0;i
    重要的是,您必须将标题中的set Content Type设置为undefined,而不是multipart/form data,因为undefined将为表单数据设置正确的边界