【发布时间】:2016-05-25 10:43:37
【问题描述】:
我需要上传几张从相机或图书馆拍摄的图片到服务器,并使用进度条显示上传状态。我在 Ionic 2 中找不到任何有用的资源。
【问题讨论】:
标签: file-upload camera angular ngcordova ionic2
我需要上传几张从相机或图书馆拍摄的图片到服务器,并使用进度条显示上传状态。我在 Ionic 2 中找不到任何有用的资源。
【问题讨论】:
标签: file-upload camera angular ngcordova ionic2
有两种类型的进度条。以百分比显示进度的,以及只是让用户知道操作正在完成的无限的。
您必须考虑如何将图像上传到服务器上。如果您打算通过一个发布请求一次上传所有照片,那么您可以在“上传”开始之前显示一个无限的进度条,并在服务器响应时将其隐藏(这意味着图像存储在您的数据库中)。
另一种方法是:如果您必须以百分比显示实际进度,则可以在单独的请求中发送每张图片。您可以计算您拥有的图像数量,并且在每次服务器响应时,您都会将进度条增加 100/NUMBER_OF_IMAGES。在最后发送的图像上,您将隐藏当时应该是 100% 的进度条。
P.S:即使在一些最复杂的软件上,进度条也不是 100% 准确的。您可以参考windows复制/剪切文件夹操作。 ETA 几乎从不准确:)
【讨论】: