我正在使用 angularjs,我正在尝试将图片连同请求正文中的其他数据一起上传到 django 后端服务器。
我不断从服务器收到错误消息,告诉我我发送的图片不是文件。 (假设后端没有问题)
我试过使用 ng-file-upload ( https://github.com/danialfarid/ng-file-upload ) 来获取文件,然后通过 angular 本身发送它。 (注意:我需要连同图片一起发送其他数据)所以我想将文件存储在一个变量中并将其传递到请求正文中,如下所示:
<form name="form">
<div class="button" ngf-select ng-model="file" name="file" ngf-resize="{width: 100, height: 100}">Select</div>
<button type="submit" ng-click="submit()">submit</button>
</form>
由于文件存储在 $scope.file 中,我尝试在 http 请求中使用它:
$http({
'method': "PUT",
'url': "api/candidate-profiles/" + id,
'data':data
})
数据在哪里:
{"id": $scope.id,
"name": $scope.name,
"avatar":$scope.file}
我从后端收到验证错误,指出头像不是文件。有帮助吗?
最佳答案
HTML
<div ng-controller="formCtrl">
<form name="userForm" class="well form-search" >
<input type="text" ng-model="name" class="input-medium search-query" placeholder="Name" required >
<input type="email" ng-model="email" class="input-medium search-query" placeholder="Email" required >
<input type="text" ng-model="message" class="input-medium search-query" placeholder="Message" required >
<button type="submit" class="btn" ng-click="formsubmit(userForm.$valid)" ng-disabled="userForm.$invalid">Submit </button>
</form>
<pre ng-model="result">
{{result}}
</pre>
</div>
js文件
var app = angular.module('formExample', []);
app.controller("formCtrl", ['$scope', '$http', function($scope, $http) {
$scope.url = 'submit.php';
$scope.formsubmit = function(isValid) {
if (isValid) {
$http.post($scope.url, {"name": $scope.name, "email": $scope.email, "message": $scope.message}).
success(function(data, status) {
console.log(data);
$scope.status = status;
$scope.data = data;
$scope.result = data; // Show result from server in our <pre></pre> element
})
}else{
alert('Form is not valid');
}
} }]);
关于javascript - 通过 Angular http 请求发布文件,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/39100860/