ファイルをアップロードするときにヘッダーにトークン値を設定する方法

Question

angleとnode.js APIを使用してファイルをアップロードしています。 私はファイルをアップロードするためにthis次のリンクにアクセスしています。 このチュートリアルでは、ヘッダーを設定する必要がありますheaders: {'Content-Type': undefined}

一方、authentication tokenのヘッダー値を設定する必要があります。私は、エラーがすなわち

Error: Can't set headers after they are sent. 

今、私はこの問題を解決する方法を教えてください。.. またはいずれかのソリューションをshwoingされたファイルをアップロードするときに、私は今のように$http.defaults.headers.common.Authorization = $cookieStore.get('token');

のようなデフォルトのヘッダの値を設定していますこれを達成する。 、あなたが働いていることを得れば

app.service('fileUpload', ['$http', '$cookieStore', function ($http, $cookieStore) { 
    this.uploadFileToUrl = function (file, uploadUrl) { 
     var token = $cookieStore.get('token'); 
     var fd = new FormData(); 
     fd.append('file', file); 

     $http.post(uploadUrl, fd, 
      { 
       transformRequest: angular.identity, 
       headers: { 
        'Content-Type': undefined, 
        'Authorization': token 
       } 
      }) 
      .success(function (res) { 
      }) 
      .error(function() { 
      }); 
    } 
}]); 

： おかげ以下

これは、ヘッダを適用することができるという点にあなたを取得する必要

app.service('fileUpload', ['$http','$cookieStore', function ($http, $cookieStore) { 
      this.uploadFileToUrl = function(file, uploadUrl){ 
       var token = $cookieStore.get('token') ; 
       var fd = new FormData(); 
       fd.append('file', file); 

       $http.post(uploadUrl, fd, {transformRequest: angular.identity,headers: {'Content-Type': undefined} }) 
       .success(function(res){ 
       }) 
       .error(function(){ 
       }); 
      } 
     }]); 


app.controller('csvCtrl', function($scope, fileUpload){ 
     $scope.importcsv=function(){ 
      var file=$scope.myFile; 
      var uploadUrl="/api/parsecsv"; 
      fileUpload.uploadFileToUrl(file, uploadUrl); 
     } 
     }); 

Answer 1

ファイルアップロードのためのサービスとコントローラでありますデフォルトのヘッダーはinterceptorで設定できます。