Angularjs $ HTTP不是表單數據發送到服務器

Question

下面的代碼工作，如果我使用jquery AJAX，但棱角分明$http不使用下面的代碼的任何數據發送到服務器：

myapp.factory('startCampFactory',function($http,$q,$rootScope){ 
    return { 
    startNewCampaign : function(){ 

     var e = $("input#email"); 
     var email = e.val(); 
     var campname = $("input#campaignname").val(); 
     var about = $("textarea#about").val(); 
     var tamt = $("input#targetamount").val(); 
     var edate = $("input#enddate").val(); 
     var invitees = $("input#invitees").val(); 
     var file_data = $("#file").prop("files")[0]; 
     var form_data = new FormData();  

     form_data.append("file",file_data); 
     form_data.append("email",email); 
     form_data.append("campaignname",campname); 
     form_data.append("about",about); 
     form_data.append("targetamount",tamt); 
     form_data.append("enddate",edate); 
     form_data.append("invitees",invitees); 

     console.log(email+about+campname); 

     var deferred = $q.defer(); 

     $http({ 
      method:'POST', 
      url:'/startcampaign', 
      data:form_data, 
      headers: 
      { 
       'Content-Type'​ :'application/x-www-form-urlencoded' 
      } 
     }).success(function(data,status,headers,config) { 
      $rootScope.$apply(function() { 
      deferred.resolve(); 
     }); 
    }).error(function(){ 
     $rootScope.$apply(function() 
      { 
      deferred.reject(); 
      }); 
    }); 
    return deferred.promise; 
    } 
}); 

Answer 1

我沒有這也算是幸運，並最終使用jQuery.ajax（儘管我使用的是jsonp）。

見How can I post data as form data instead of a request payload?

也許「並通過應該被轉換爲字符串數據」是相關的。

Answer 2

data jQuery的$.ajax不對應data在Angular的$http.get/post。您可能需要在Angular中使用params而不是data。你看這個：

jQuery ajax request works, same AngularJS ajax request doesn't

Answer 3

的問題是由於內容類型發生，去除頭部分或添加

contentType:false or 'multipart/form-data' 

     $http({ 
     method:'POST', 
     url:'url' 
     data:formData, 
     contentType:false, 
     processData: false 
    }). 
    then(function(result) { 
     alert(result); 
    }); 

Answer 4

嘗試是這樣的：

.service('fileUpload', ['$http', function ($http) { 
    this.uploadFileToUrl = function(file, uploadUrl){ 
    var fd = new FormData(); 
    fd.append('file', file); 
    $http.post(uploadUrl, fd, { 
     transformRequest: angular.identity, 
     headers: {'Content-Type': undefined} 
    }) 
    .success(function(){ 
    }) 
    .error(function(){ 
    }); 
    } 
}]); 

參考此鏈接的解釋：

http://uncorkedstudios.com/blog/multipartformdata-file-upload-with-angularjs