javascript - 连接两个 base64 URL 字符串(图像)

Question

所以我试图连接从我的相机生成的两个或更多 base64 URL 字符串(使用 cordova-plugin-camera )。我正在尝试将其生成为一个 base64 URL 字符串，以将其仅转换为一个图像。

我试图通过这样做手动连接它。

var compilation = ["data:image/jpeg;base64,"];
for(var x = 0; x < $scope.imageList.length; x++)
    compilation[0] = compilation[0] + $scope.imageList[x];

但那东西不起作用。任何想法如何使这成为可能？

引用:

iOS Concatenation

Join two Base64 strings and then decode them

谢谢!

Answer 1

Base64 编码只是采用构成您正在编码的任何内容的位，在这种情况下是您的图像，并将它们转换为由 64 个字符组成的字符串。

您尝试做的实际上与将图像的原始位连接成单个位流并将其保存到文件没有什么不同。由于具有标题数据和类似内容的图像文件格式，结果将是无效图像。

最重要的是，如果源数据不是完整的 24 位块，base64 将在字符串的末尾添加额外的字符。

这是 base64 encoding and how it works 的一个很好的分解

要完成您要执行的操作，您只需使用图像编辑器来组合图像，然后对其进行 base64 编码。

如果您想以编程方式执行此操作，您可以编写一个简单的 Web 服务，该服务获取 2 个单独的 base64 编码图像，然后在服务中将它们连接在一起，然后返回新图像的 base64 编码字符串。