时间戳

首页 > 解决方案 > 如何从路径数组上传图像

angular - 如何从路径数组上传图像

问题描述

我有一组由设备上的相机拍摄的图像。我想将这些上传到一个端点，我想知道整体进度，更重要的是当它们全部完成时。

我找到的所有示例都以异步方式显示此过程，并且代码是紧密耦合的。

在我看来，我会做以下事情

  1. 迭代数组
  2. 为每个条目创建表单数据
  3. 调用上传服务发送图片
  4. 最后通知用户完成。

我关注了这篇文章

https://devdactic.com/ionic-4-image-upload-storage/ _

这确实让我到了可以上传照片的地方，但我无法确定它们何时完成。

有没有更好的方法来实现这一目标？

这是用于查找图像的数据

[
  {
    "name": "1551787085877.jpg",
    "path": "ionic://localhost/_app_file_/var/mobile/Containers/Data/Application/D33A62D0-8ABE-4C0F-BCA2-CDC3F7D1A452/Library/NoCloud/1551787085877.jpg",
    "filePath": "file:///var/mobile/Containers/Data/Application/D33A62D0-8ABE-4C0F-BCA2-CDC3F7D1A452/Library/NoCloud/1551787085877.jpg"
  }
]

这是我的上传服务代码：

  postFaultPhoto(faultID:string , data: object): Observable<any> {
    console.log('about to post to the url')
    console.log('api/faults/' + faultID + '/photos')
    return this.http.post(environment.base_uri + 'api/faults/' + faultID + '/photos', data)
}

标签： angularionic-frameworkuploadionic4

解决方案

推荐阅读