我在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。