如何在Angular Js中使用文件上传选项?我添加了一个文件控件,并在controller.js
中添加了方法以获取文件详细信息并传递给service.js
。但是,我收到的错误是未定义的。该错误位于controller.js
文件中,我无法将正确的数据传递给服务。
我已尝试过以下代码,但我收到的错误是未定义的
index.html
:
<form name="mainForm" id="createForm" ng-submit="mainForm.$valid && add()" novalidate>
<div>
<input type="file" class="form-control" id="imageUploadfile" name="imageUploadfile" accept="image/*" />
<input type="button" name="imageUploadButton" ng-click="uploadFiles()" value="Upload" />
</div>
controller.js
:
$scope.uploadFiles = function () {
var f = document.getElementById('imageUploadfile').files[0],
r = new FileReader();
r.onloadend = function (e) {
var data = e.target.result;
}
r.readAsArrayBuffer(f);
myAPIService.postUploadImage(r).success(function (response) {
var imageurl = _testBaseUrl + 'Images/' + response.filePath.split(/(\\|\/)/g).pop();
$scope.testTypeImage_url = imageurl;
}).error(function (response) {
alert(response.responseText);
});
};
service.js
:
myAPIService.postUploadImage = function (formdata) {
var request = {
url: urlBase + 'UploadImage',
method: 'POST',
data: formdata,
headers: {
'Content-Type': undefined
}
}
return $http(request);
};
如何解决这个问题?感谢