ノードアップロードファイルangularjsから$ http.postは未定義ですreq.body

Question

私は、ノードアプリケーションにファイルをアップロードし、cdnサーバにftpするファイルをアップロードする、anglejsアプリケーションでファイルアップロード機能を構築しています。今、私はちょうどhteファイルを取得しているつもりです。私はmulterを使用しようとしましたが、保存がFTPにリダイレクトされないようにする方法がわかりません。

とにかく、これは私のコードwithooutのmulter

<input type="file" multiple file-model="fileRepo"/> 


myApp.directive('fileModel', ['$parse', function ($parse) { 
     return { 
      restrict: 'A', 
      link: function(scope, element, attrs) { 
       element.bind('change', function(){ 
       $parse(attrs.fileModel).assign(scope,element[0].files) 
       scope.$apply(); 
       }); 
      } 
     }; 
    }]); 

/// ///コントローラ

$scope.saveFile = function(){ 
     var fd=new FormData(); 
     angular.forEach($scope.fileRepo,function(file){ 
      fd.append('file',file); 
     }); 

     $scope.newFile.files = fd; 

     FileService.uploadFile($scope.newFile) 
..... 

/// /// fileservice

uploadFile: function(file){ 
      var deferred = $q.defer(); 

var uploadUrl = '/api/file/ftp/new'; 
       var requestFileUpload = { 
         method: 'POST', 
         url: uploadUrl, 
         data: file.files 
        } 
       var requestFileUploadConfig = { 
        transformRequest: angular.identity, 
        headers: { 'Content-Type': undefined } 
       } 
       $http.post(uploadUrl, file.files, requestFileUploadConfig) 
        .then(function(){ 
        }) 

///ですノード部///

router.post('/ftp/new', function(req, res) { 
     console.log('file is ' + JSON.stringify(req.body)); 
    }); 

Answer 1

HTMLパーサーを使用すると、リクエストを読むだけでファイルをキャッチできなくなります。私は、あなたがあなたのファイルを読み取ることができるとしている使用busboyとconnect-busboyをお勧めします

、この小さな例：

req.pipe(req.busboy); 
req.busboy.on('file',function(fieldname, file, filename, encoding, contentType){ 
    // get data 
    file.on('data',function(data){ 

    }).on('end', function(){ 

    }); 
}); 


req.busboy.on('field',function(fieldname, val){ 
    req.body[fieldname] = val; 
}); 

req.busboy.on('finish', function() { 
    // save file here 
});