내가 각도 응용 프로그램 내부에 이미지를 업로드하려고

Question

$ HTTP 및 HTML5을 FileReader가 업로드 한 파일에 액세스하는 방법 코드는 다음과 같습니다

 var f = document.getElementById('product-image').files[0], 
     r = new FileReader(); 
     r.onloadend = function (e) { 
      var data = e.target.result; 
      $http({ 
       method: 'POST', 
       data: data, 
       url: host + '/uploadFile?' + $rootScope.user._id, 
       headers: { 
        'Content-Type': 'multipart/form-data', 
        'X-File-Name': f.name, 
        'X-File-Size': f.size, 
        'X-File-Type': f.type 

       } 
      }) 
      .success(function (data, status, headers, config) { 
       console.log(data) 
      }); 

     } 
     r.readAsArrayBuffer(f); 

나는 크롬 헤더 필드를 보라 요청하면 그들은 모두 가치가 좋아 보입니다.

이제 NodeJS 및 Express의 백엔드 엔드 포인트에서 파일을 액세스하고 저장하려면 어떻게해야합니까? 평소와 같이 req 변수를 들여다 봅니까? 파일과 콘텐츠 및 메타는 어디에서 찾을 수 있습니까?

Answer 1

기본적으로 게시물 요청은 'multipart/form-data'가 아니며 서버에 보낸 데이터는 이진 배열입니다.

NodeJS를 사용하여 이진 데이터의 트렁크를 일부 장소에 저장할 수 있습니다.

일반 양식 업로드와 다른 방식으로 파일을 처리해야합니다.

정상적인 방법으로 서버가 파일 업로드를 처리하도록하려면 https://github.com/danialfarid/angular-file-upload

을 확인할 수 있습니다.