如何从一系列路径上传图像

Question

我有一系列由设备上的相机拍摄的图像。我想将它们上传到一个端点，我想了解整体进度，更重要的是，它们何时完成。

我发现的所有示例均异步显示此过程，并且代码紧密耦合。

我会做以下事情

1. 迭代数组
2. 为每个条目创建表单数据
3. 致电上传服务以发送图片
4. 最终将完成情况通知用户。

我关注了这篇文章

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

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

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

这是用于查找图像的数据

[
  {
    "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)
}