小编Ton*_*ny 的帖子

AngularJS - 使用FileReader API上传和显示图像(多个文件)

我使用以下示例,它完美地工作,但我想同时上传多个图像.

http://jsfiddle.net/kkhxsgLu/2/

<div ng-controller="MyCtrl">

<div ng-repeat="step in stepsModel">
    <img class="thumb" ng-src="{{step}}" />
</div>

<input type='file' ng-model-instant onchange="angular.element(this).scope().imageUpload(this)" />
Run Code Online (Sandbox Code Playgroud)

 $scope.stepsModel = [];

$scope.imageUpload = function(element){
    var reader = new FileReader();
    reader.onload = $scope.imageIsLoaded;
    reader.readAsDataURL(element.files[0]);
}

$scope.imageIsLoaded = function(e){
    $scope.$apply(function() {
        $scope.stepsModel.push(e.target.result);
    });
}
Run Code Online (Sandbox Code Playgroud)

谢谢你,帮助我,我开始使用angularjs

upload file filereader angularjs

6
推荐指数
1
解决办法
2万
查看次数

标签 统计

angularjs ×1

file ×1

filereader ×1

upload ×1