我正在尝试使用ajax请求设置要使用Ajax构建的api提交的表单。由于某种原因,文件只是不想传输到系统,虽然已经有一个后端构建来处理这个,它工作正常。
根据我在这里找到的教程,我的服务看起来像这样:http://badwing.com/multipart-form-data-ajax-uploads-with-angularjs/
addActivity: function(url){
return $http({
method: 'POST',
url: REQUEST_URL + 'Volunteering/AddActivity?token=' + token + url,
headers: {
'Content-Type': 'multipart/form-data'
},
data: {
file: $scope.file
},
transformRequest: formDataObject
}).
then(function(result) {
console.log(result);
return result.data;
});
},
我有一种感觉,这只是一件非常小的东西,我不知道,有人可以提供一些帮助吗?
我遇到了类似的问题。
解决方案是使用formData
var formData = new FormData();
formData.append("file", $scope.file);
并替换
data: {
file: $scope.file
}
同
data: {
formdata
}
我在使用angular + laravel实现文件上传时遇到了麻烦。每次我尝试发送多部分表单时,服务器都不会收到表单数据,即使它已被发送,或者我认为。我终于找到了解决我所有问题的THIS文章。
长话短说,这是$ http电话:
var data = new FormData();
data.append("file", file);
$http.post("//myDomain.com/api/demo", data, {
headers: { 'Content-Type': undefined },
transformRequest: angular.identity
}).success(function (data, status, headers, config) {
}).error(function (data, status, headers, config) {
});
rolin.tencent的另一个答案。深圳还提到将Content-Type
设置为undefined
让浏览器将其排序。
数据应该是data: $scope.file
并且重要的是:您应该设置'Content-Type': undefined
以使浏览器设置正确的内容类型。
您可以使用此插件,它也是高度可配置的:https://github.com/danialfarid/ng-file-upload