如何使用离子2中的进度条将多个图像上传到服务器?

时间:2016-02-14 16:02:44

标签: file-upload camera angular ngcordova ionic2

我需要将几张图片上传到从相机或库中取出的服务器,并使用进度条显示上传状态。我无法在Ionic 2中找到任何有用的资源。

1 个答案:

答案 0 :(得分:1)

有两种类型的进度条。显示百分比进展的信息,以及让用户知道某个操作正在完成的无限信息。

您将如何在服务器上上传图像是您必须要考虑的事情。如果您计划使用一个帖子请求一次性上传它们,那么您可以创建在“上传”开始之前显示的无限进度条,并在服务器响应时隐藏它(这意味着图像存储在您的数据库中)。

另一种方法是:如果必须以百分比显示实际进度,则可以在单独的请求中发送每个图像。您可以计算您拥有的图像数量,并且在每个服务器响应中,您将进度条增加100 / NUMBER_OF_IMAGES。在最后发送的图像上,您将隐藏当时应为100%的进度条。

P.S:即使在一些最复杂的软件上,进度条也不是100%准确。您可以获取作为参考windows复制/剪切文件夹操作。 ETA几乎从不准确:)