像AngmailJS中的多个文件一样上传gmail

时间:2016-12-14 09:27:20

标签: angularjs

我需要多个文件上传功能,如下面的js项目中所示: enter image description here

我使用了角度文件上传器从here实现了这项功能:

我尝试过上面链接的进度属性但无法获得准确的输出。 请建议我实施的相应链接。

1 个答案:

答案 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>

希望这会对你有所帮助!!