загрузка бару, как Gmail для нескольких файлов в angularjs

Question

мне нужна функциональность нескольких загружаемых файлы, как, как показано ниже в среднем расслоения плотного проекта:

я использовал фиброзное кольцо файл загрузчика для реализации этой функции от here:

Я пробовал с прогрессом свойств из выше ссылки, но не смог получить точный результат. Пожалуйста, предложите мне соответствующие ссылки для реализации.

Answer 1

Я думаю, вам нужно использовать queue и progress свойства углового загрузчика для более подробной информации. Сведения об API-интерфейсе модуля от here.

Например, в 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> 

Надежда это поможет вам !!