无法上传文件 - 错误:未定义 - Angular Js

时间:2017-01-03 09:34:58

标签: angularjs

如何在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);
    };

如何解决这个问题?感谢

0 个答案:

没有答案