[英]Send file using PUT method Angularjs
我正在使用angularjs。 我已经在Laravel中使用angularjs创建了文件上传功能。 使用FormData上传的文件运行正常。 但是,当我尝试通过PUT方法发送文件时,服务器端没有响应。
我已经通过以下答案。 使用jquery上传文件并作为PUT发送,以及如何使用JQuery使用HTTP“ PUT”上传文件? 但我找不到解决方法。
这是我的代码。
<input type="file" ng-file-model = "formData.files" multiple>
我的代码的指令
app.directive('ngFileModel', ['$parse', function ($parse) {
return {
restrict: 'A',
link: function (scope, element, attrs) {
var model = $parse(attrs.ngFileModel);
var isMultiple = attrs.multiple;
var modelSetter = model.assign;
element.bind('change', function () {
var values = [];
angular.forEach(element[0].files, function (item) {
var value = item;
values.push(value);
});
scope.$apply(function () {
if (isMultiple) {
modelSetter(scope, values);
} else {
modelSetter(scope, values[0]);
}
});
});
}
};
}]);
这是我的函数,它将我的表单数据转换为FormData
constructFormData : function( data ) {
var fd = new FormData();
for (var key in data) {
var value = data[key];
angular.forEach(data, function (file, i) {
fd.append('files['+i+']', file);
});
}
return fd;
},
这是我的控制器
var formData = GeneralService.constructFormData($scope.formData);
FileService.update( formData )
.success(function( data ){
if(data.status == 403) {
$location.path('/403');
}
if(data.success) {
console.log(data);
} else {
ValidationService.showValidationErrors(data.errors);
}
});
这是我的服务
update : function(formData) {
return $http({
method: 'PUT',
url: $rootScope.baseurl +'/files',
data: formData,
dataType: 'json',
headers: {'Content-Type': undefined}
});
},
服务器端(laravel)
routes.php
Route::put('/files', ['uses' => 'FilesController@update']);
FilesController
public function update(Request $request) {
$data = $request->all();
print_r($data);
}
上面的print_r
函数什么也不显示。
我使用print_r($request->all());
获取发布的数据print_r($request->all());
,它给出空数据。 我不知道我在哪里犯错。 如果我错误地问了这个问题,请道歉。
我有同样的问题,最后我找到了这段代码
var formData = new FormData();
angular.forEach($scope.data, function (value, key) {
formData.set(key, value);
});
$http.post(uploadUrl, formData, {
transformRequest: angular.identity,
headers : {'Content-Type': undefined}
});
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.