对于浏览器IE 11,Chrome,AngularJs中的target.result变空了

时间:2017-01-16 15:33:30

标签: angularjs filereader

我在AngularJs表单中添加了文件上传控件。我正在尝试从上传的文件中获取数据。我尝试了以下代码,但target.result始终为空。

//index.cshtml

<input type="file" class="form-control" id="imageUploadfile" name="Imagefile" accept="image/*" />
<input type="button" name="imageUploadButton" ng-click="uploadFiles()" value="Upload" />

//controller.js

$scope.uploadFiles = function () {

        var newdata = "";

        var filesSelected = document.getElementById("imageUploadfile").files;
        if (filesSelected.length > 0) {
            var fileToLoad = filesSelected[0];
            var fileReader = new FileReader();
            fileReader.onload = function (fileLoadedEvent) {
                var newdata = fileLoadedEvent.target.result;
            };
            fileReader.readAsDataURL(fileToLoad);
        }
        alert(newdata);
}

如何解决这个问题?我正在尝试使用IE 11,Chrome。注意:我不想使用任何插件,formdata,iframe。

0 个答案:

没有答案