2016-12-14 61 views
-1

Gmail的多個文件上傳吧,我需要等作爲展會的多文件上傳功能低於平均JS項目: enter image description here像angularjs

我用纖維環文件上傳到從here實現這個功能:

我已經嘗試從上面的鏈接進度屬性,但無法得到確切的輸出。 請建議我實施的適當鏈接。

+0

到目前爲止你做了什麼? – Mistalis

+0

我們已經使用上傳器 –

+0

的進度功能請更新您的問題與更多的細節。 –

回答

1

我認爲您需要使用queueprogress角度上傳器的屬性以獲取更多詳細信息,請檢查here的模塊API詳細信息。

例如在uploader.queue包含文件項目隊列,你只需要迭代它,並獲得像item.progress百分比的進度。

對於剛剛參考使用下面的代碼

  <tbody> 
       <tr ng-repeat="item in vm.uploader.queue"> 
        <td><strong>{{ item.file.name }}</strong></td> 
        <td nowrap>{{ item.file.size/1024/1024|number:2 }} MB</td> 
        <td> 
         <div class="progress" style="margin-bottom: 0;"> 
          <div class="progress-bar" role="progressbar" ng-style="{ 'width': item.progress + '%' }">{{item.progress}}%</div> 
         </div> 
        </td> 
        <td class="text-center"> 
         <span ng-show="item.isSuccess"><i class="glyphicon glyphicon-ok"></i></span> 
         <span ng-show="item.isCancel"><i class="glyphicon glyphicon-ban-circle"></i></span> 
         <span ng-click="item.remove()"><i class="glyphicon glyphicon-remove"></i></span> 
        </td> 
       </tr> 
      </tbody> 

希望這將幫助你!