Html 在使用angularjs上传多张图像之前,我尝试过预览,但没有一张显示出来?
我尝试使用以下代码。仅显示我选择的图像的名称。我想一个接一个地展示它们Html 在使用angularjs上传多张图像之前,我尝试过预览,但没有一张显示出来?,html,angularjs,filereader,Html,Angularjs,Filereader,我尝试使用以下代码。仅显示我选择的图像的名称。我想一个接一个地展示它们 <div ng-app="MyApp" ng-controller="MyController"> <input type="file" onchange="angular.element(this).scope().SelectFile(event)" /> <hr /> <img ng-src="{{image.PreviewImage}}"
<div ng-app="MyApp" ng-controller="MyController">
<input type="file" onchange="angular.element(this).scope().SelectFile(event)" />
<hr />
<img ng-src="{{image.PreviewImage}}"
ng-show="image.PreviewImage != null" alt=""
ng-repeat="image in list" style="height:200px;width:200px" />
</div>
var app = angular.module('MyApp', [])
app.controller('MyController', function ($scope) {
$scope.list=[];
$scope.SelectFile = function (e) {
var reader = new FileReader();
reader.onload = function (e) {
$scope.image.PreviewImage = e.target.result;
$scope.list.push(e.target.result);
$scope.$apply();
};
reader.readAsDataURL(e.target.files[0]);
};
});