Question

在我的項目中，我試圖在成功上載文件後將文件發送到服務器。這是我的代碼請檢查。

fdata = new FormData(); 
fdata.append("file", file); 

$http.post('/UserQuestionnaire/AddQuestionnaire?Name=' + questionDetails.questionName + '&Description=' + questionDetails.questionDescription, fdata, 
     { 
            headers: { 
            'Content-Type': false, 
            'SessionID':$rootScope.token 
            } 
           }).then(function(success){ 
            console.log("success question uploaded" + success); 
           },function(error){ 
            console.log("error"+error); 
           }); 

所有的數據都與查詢字符串值一起出現，但文件沒有進入服務器。

Answer 1

IMO，發送查詢字符串中的數據不是一個好習慣。

對於文件，你可以這樣做。

var fd = new FormData(); 
var imgBlob = dataURItoBlob($scope.uploadme); 
fd.append('file', imgBlob); 


$http({ 
    url: '/UserQuestionnaire/AddQuestionnaire', 
    method: 'POST', 
    data: params 

}); 

使用頁眉爲，

headers: { 
    'Content-Type': 'multipart/form-data' 
}, 

Answer 2

我得到了這個答案在我的方式。以下是更新的代碼。

{ 
transformRequest: angular.identity, 
headers: { 
      'Content-Type': undefined, 
      'SessionID':$rootScope.token 
     } 
} 

這是參考鏈接。看看這個Multipart/form-data File Upload with AngularJS