[英]Angularjs $http not sending form data to the server
如果我使用jquery ajax但以下代码有效,但Angular的$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;
}
});
尝试这样的事情:
.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
data
在jQuery的$.ajax
没有对应data
在角的$http.get/post
。 您可能必须使用params
而不是Angular中的data
。 你看过这个:
问题是由于内容类型,删除标题部分或添加
contentType:false or 'multipart/form-data'
$http({
method:'POST',
url:'url'
data:formData,
contentType:false,
processData: false
}).
then(function(result) {
alert(result);
});
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.