angular.js - ng-file-upload 如何實現多圖片上傳
問題描述
ng-file-upload 如何實現多圖片上傳?
我的代碼:html:
<p class='row photos'><p ng-repeat='f in detailImgs' style='font:smaller'> {{f.name}} <img ngf-src='http://m.piao2010.com/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 = [];
這樣寫的話,還是單圖片,不能上傳多張。點擊上傳會把之前傳的那張圖片去掉了。
ng-file-upload地址:https://github.com/danialfarid/ng-file-upload#usageng-file-upload給的地址:http://jsfiddle.net/danialfarid/2vq88rfs/136/
補充我寫的代碼,html部分稍微改了下。關鍵部位沒有修改。
問題解答
回答1:我一字不差的按照官方給的都可以啊http://jsfiddle.net/danialfar...或許你是其他配置錯了,有更詳細的代碼嗎?另外
ngf-src='http://m.piao2010.com/wenda/f'
不需要加上.file吧
回答2:自己寫個例子:https://github.com/hjzheng/CU...
代碼:https://github.com/hjzheng/CU...
views目錄的index.ejs頁面有ng-file-upload的用法
npm installbower installnpm start回答3:
請問一下 用這個插件怎么進行壓縮圖片呢?
相關文章:
1. docker容器呢SSH為什么連不通呢?2. 在windows下安裝docker Toolbox 啟動Docker Quickstart Terminal 失敗!3. docker - 各位電腦上有多少個容器啊?容器一多,自己都搞混了,咋辦呢?4. docker網絡端口映射,沒有方便點的操作方法么?5. angular.js - react的redux和vue的vuex,angular呢6. javascript - 微信小程序用接口B生成的二維碼,默認進入什么首頁?7. javascript - 回調函數和普通調用函數的區別?8. javascript - Tomcat突然就報錯了,解析不了java文件,試過幾個百度的解決方法,沒解決。9. javascript - input框相關問題10. eclipse - 如何解決no atk-wrapper in java.library.path
