Angular JS에서 다중 이미지 업로드

Question

내 양식에는 두 개의 파일 입력 필드와 다른 필드가 있습니다. 사용자는 두 가지 유형의 파일을 잠식하여 일부 데이터를 넣습니다. 제출 버튼에서 첨부 파일과 함께 파일을 서버로 보내려고합니다.

나는 두 각도 파일을 통해 업 로더

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

둘 수 있도록 여러 개의 파일을 제공하지만, 각 파일에 대해 내가 원하는 행동을 나누었다 하나 개의 HTTP 요청이 1 인이 한

두 파일과 일부 JSON 데이터를 보내는 게시 요청.

내 백엔드는 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) { 

     }); 

중요한 부분

당신이 정의되지 않은 양식 데이터의 정확한 경계를 설정하기 때문에 대신 다중/폼 데이터의 정의에 헤더 세트의 Content-Type을 설정해야한다는 것입니다.