問題描述

ng-file-upload 如何實(shí)現(xiàn)多圖片上傳?

我的代碼：html:

<p class='row photos'><p ng-repeat='f in detailImgs' style='font:smaller'> {{f.name}} <img ngf-src='http://m.propowerdrill.cn/wenda/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 ngf-select ng-model='detailImgs' ngf-multiple='true'>Select</p></p> </p>

javascript:

$scope.detailImgs = [];

這樣寫的話，還是單圖片，不能上傳多張。點(diǎn)擊上傳會(huì)把之前傳的那張圖片去掉了。

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

補(bǔ)充我寫的代碼，html部分稍微改了下。關(guān)鍵部位沒有修改。

問題解答

我一字不差的按照官方給的都可以啊http://jsfiddle.net/danialfar...或許你是其他配置錯(cuò)了，有更詳細(xì)的代碼嗎？另外

ngf-src='http://m.propowerdrill.cn/wenda/f'

不需要加上.file吧

自己寫個(gè)例子:https://github.com/hjzheng/CU...

代碼：https://github.com/hjzheng/CU...

views目錄的index.ejs頁面有ng-file-upload的用法

npm installbower installnpm start回答3：

請(qǐng)問一下 用這個(gè)插件怎么進(jìn)行壓縮圖片呢？