Question

我正在使用Ionic的每个人我尝试将文件发送到我的服务器，但我有一个表单数据的问题，当我在控制台上检查它时，它仍然是空的，因为我发现它是空的并且没有插入数据我的DB。

PS： 我使用了很多输入文件。

这是控制器：

.controller('perProfil', function($scope, annonceService, TDCardDelegate, $timeout, $http, $rootScope) {
  $scope.data = {}

  $scope.uploadedCin = function(element) {
    $scope.$apply(function($scope) {
      var files = element.files;
      $rootScope.cin = files[0];
    })
  }

  $scope.uploadedbultin = function(element) {
    $scope.$apply(function($scope) {
      var files = element.files;
      $rootScope.bult = files[0];
      $rootScope.FormData.append("bult", files[0]);
    })
  }

  $scope.uploadedavis = function(element) {
    $scope.$apply(function($scope) {
      var files = element.files;
      $rootScope.avis = files[0];
    })
  }

  $scope.uploadedCertif = function(element) {
    $scope.$apply(function($scope) {
      var files = element.files;
      $rootScope.certif = files[0];
      console.log($rootScope.certif);
    })
  }

  $scope.uploadedFile = function(element) {
    var url = 'http://localhost/documents?token=' + localStorage.getItem("token");

    console.log($rootScope.FormData);
    var fd = new FormData(this);

    fd.append("file", JSON.stringify($rootScope.cin));
    fd.append("butin", $rootScope.bult);
    fd.append("avis", $rootScope.avis);
    /fd.append("certifScol",$rootScope.certif);

    var data = {
      "idUser": "name",
      "type": "type"
    }

    fd.append("data", JSON.stringify(data));
    console.log(fd);

    $http.post(url, fd, {
        headers: {
          'Content-Type': 'multipart/form-data'
        },
        transformRequest: angular.identity
      })
      .success(function(data) {
        console.log(data);
      })
      .error(function(data) {
        console.log(data);
      })
  }
})

Answer 1

根据the answer here: ...

var formData = new FormData(form); for (var [key, value] of formData.entries()) { console.log(key, value);} //or console.log(...formData)

附加后FormData为空

1 个答案: