angular.js - ng-file-upload 如何实现多图片上传

问题描述

问 题

ng-file-upload 如何实现多图片上传?

我的代码：
html:

<div class="row photos">
                        <div class="col-xs-2 pt" ng-repeat="f in detailImgs" style="font:smaller">
                            {{f.name}}
                              <img
                              ngf-src="f.file"
                              ngf-resize="{width: 40, height: 40, quality: 0.9}" 
                              ngf-no-object-url="true or false"
                            >
                        </div>
                        <div class="col-xs-2 pt upload">
                            
                            <i class="ion-plus-round"></i>
                            <div class="button" ngf-select ng-model="detailImgs" ngf-multiple="true">Select</div>
                        </div>
                    </div>

javascript:

$scope.detailImgs = [];

这样写的话，还是单图片，不能上传多张。点击上传会把之前传的那张图片去掉了。

ng-file-upload地址：https://github.com/danialfarid/ng-file-upload#usage
ng-file-upload给的地址：http://jsfiddle.net/danialfarid/2vq88rfs/136/

---

补充我写的代码，html部分稍微改了下。关键部位没有修改。

解决方案

我一字不差的按照官方给的都可以啊
http://jsfiddle.net/danialfar...
或许你是其他配置错了，有更详细的代码吗？
另外

ngf-src="f"

不需要加上.file吧

这篇关于angular.js - ng-file-upload 如何实现多图片上传的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！