angular.js - ng-file-upload 如何实现多图片上传
phpcn_u1582
phpcn_u1582 2017-05-15 17:04:39
0
3
764

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

我的代码:
html:

<p class="row photos">
                        <p 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"
                            >
                        </p>
                        <p class="col-xs-2 pt upload">
                            
                            <i class="ion-plus-round"></i>
                            <p class="button" ngf-select ng-model="detailImgs" ngf-multiple="true">Select</p>
                        </p>
                    </p>

javascript:

$scope.detailImgs = [];

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

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

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


phpcn_u1582
phpcn_u1582

全員に返信(3)
迷茫

公式にそのまま従うことができます
http://jsfiddle.net/danialfar...
他の設定エラーがあるかもしれません。より詳細なコードはありますか?
また

リーリー

追加する必要はありません.file

いいねを押す +0
迷茫

自分で例を書いてください:
https://github.com/hjzheng/CU...

コード:
https://github.com/hjzheng/CU...

viewsディレクトリ内のindex.ejsページにはng-file-uploadが使用されています

リーリー
いいねを押す +0
淡淡烟草味

このプラグインを使用して画像を圧縮する方法を教えてください。

いいねを押す +0
人気のチュートリアル
詳細>
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート
私たちについて 免責事項 Sitemap
PHP中国語ウェブサイト:福祉オンライン PHP トレーニング,PHP 学習者の迅速な成長を支援します!