Cordova+ngcordova-在一个请求中上传多个图像

Cordova + ngcordova - Upload multiple images in a single request

本文关键字：图像请求一个 Cordova+ngcordova- 更新时间：2023-09-26

我正在处理一个IOS Ipad cordova应用程序，它是一个调查类型的应用程序。

一旦用户提交调查，我就要上传多张图片。

我使用ngcordova相机插件来捕捉图像，我将图像存储为$scope上的base64 DATA_URLS，用于视图

我向服务器发送一个HTML字符串，然后为我创建一个HTML的PDF，包括图像，然后将其作为base64字符串发回给我。

这适用于少量图像，但在提交调查时可能会上传50-60张图像，图像的base64 DATA_URL使输出HTML海量（正如您所期望的）。

这让我开始考虑将捕捉到的图像存储为FILE_URI，在研究之后，将多个图像作为文件上传似乎并不简单。我找不到任何能解决这个问题的文章。

我看到过一种使用promise的方法，对我来说，这似乎不是一个好主意（由于会触发的HTTP请求的数量），但我似乎找不到替代方案。

那么我该如何将图像文件上传到我的API？

此后，我使用HTML5 Canvas元素对此进行了变通。

我只需迭代从cordova捕获的图像文件，使用canvas API将它们转换为水滴，然后将水滴集合POST到我的API。