如何判断字符串是否为'正确'编码到Base64

How can I tell if a string is 'correctly' encoded to Base64?

本文关键字：正确 编码 Base64 是否 何判断 判断 字符串      更新时间：2023-09-26

我正在尝试将SVG字符串编码为Base64，以便通过AJAX调用将其作为附件发送给电子邮件提供商（我使用Mandrill作为我的电子邮件提供商）：

出于某种原因，它出现了错误（例如，SVG图像由Gmail显示，这很好，但当我在我的端上收到它时，Gmail会说文件是空的或已损坏）。

我不可能知道为什么。（基本上，如果没有任何关于故障的指导原则，我就无法调试任何东西）。

如何检查我的字符串是否以Base64格式正确编码，以及解码后会生成原始SVG图形吗？

目前，我使用window.btoa和escape进行编码，正如MDN的这个例子所建议的那样。

这是我用于编码的代码：

base64SVG= window.btoa(encodeURIComponent(escape(svgString)));
console.log(base64SVG);

这是我的"输入"SVG字符串：

<svg width="580" height="400" xmlns="http://www.w3.org/2000/svg">
 <!-- Created with Ada-BlueDraw - http://github.com/dynamoRtc/Ada-BlueDraw/ -->
 <g>
  <title>background</title>
  <rect fill="#fff" id="canvas_background" stroke="#000" stroke-width="5px" height="402" width="582" y="-1" x="-1"/>
  <g display="none" overflow="visible" y="0" x="0" height="100%" width="100%" id="canvasGrid">
   <rect fill="url(#gridpattern)" stroke-width="0" y="0" x="0" height="100%" width="100%"/>
  </g>
 </g>
 <g>
  <title>Layer 1</title>
  <rect id="svg_1" height="50" width="85" y="145" x="138.5" stroke="#4880FF" fill="#4880FF"/>
  <rect id="svg_2" height="159" width="193" y="89" x="177.5" stroke="#4880FF" fill="#4880FF"/>
 </g>
</svg>

这是我得到的Base64字符串（已损坏）：

JTI1M0NzdmclMjUyMHdpZHRoJTI1M0QlMjUyMjU4MCUyNTIyJTI1MjBoZWlnaHQlMjUzRCUyNTIyNDAwJTI1MjIlMjUyMHhtbG5zJTI1M0QlMjUyMmh0dHAlMjUzQSUyRiUyRnd3dy53My5vcmclMkYyMDAwJTJGc3ZnJTI1MjIlMjUzRSUyNTBBJTI1MjAlMjUzQyUyNTIxLS0lMjUyMENyZWF0ZWQlMjUyMHdpdGglMjUyME1ldGhvZCUyNTIwRHJhdyUyNTIwLSUyNTIwaHR0cCUyNTNBJTJGJTJGZ2l0aHViLmNvbSUyRmR1b3BpeGVsJTJGTWV0aG9kLURyYXclMkYlMjUyMC0tJTI1M0UlMjUwQSUyNTIwJTI1M0NnJTI1M0UlMjUwQSUyNTIwJTI1MjAlMjUzQ3RpdGxlJTI1M0ViYWNrZ3JvdW5kJTI1M0MlMkZ0aXRsZSUyNTNFJTI1MEElMjUyMCUyNTIwJTI1M0NyZWN0JTI1MjBmaWxsJTI1M0QlMjUyMiUyNTIzZmZmJTI1MjIlMjUyMGlkJTI1M0QlMjUyMmNhbnZhc19iYWNrZ3JvdW5kJTI1MjIlMjUyMHN0cm9rZSUyNTNEJTI1MjIlMjUyMzAwMCUyNTIyJTI1MjBzdHJva2Utd2lkdGglMjUzRCUyNTIyNXB4JTI1MjIlMjUyMGhlaWdodCUyNTNEJTI1MjI0MDIlMjUyMiUyNTIwd2lkdGglMjUzRCUyNTIyNTgyJTI1MjIlMjUyMHklMjUzRCUyNTIyLTElMjUyMiUyNTIweCUyNTNEJTI1MjItMSUyNTIyJTJGJTI1M0UlMjUwQSUyNTIwJTI1MjAlMjUzQ2clMjUyMGRpc3BsYXklMjUzRCUyNTIybm9uZSUyNTIyJTI1MjBvdmVyZmxvdyUyNTNEJTI1MjJ2aXNpYmxlJTI1MjIlMjUyMHklMjUzRCUyNTIyMCUyNTIyJTI1MjB4JTI1M0QlMjUyMjAlMjUyMiUyNTIwaGVpZ2h0JTI1M0QlMjUyMjEwMCUyNTI1JTI1MjIlMjUyMHdpZHRoJTI1M0QlMjUyMjEwMCUyNTI1JTI1MjIlMjUyMGlkJTI1M0QlMjUyMmNhbnZhc0dyaWQlMjUyMiUyNTNFJTI1MEElMjUyMCUyNTIwJTI1MjAlMjUzQ3JlY3QlMjUyMGZpbGwlMjUzRCUyNTIydXJsJTI1MjglMjUyM2dyaWRwYXR0ZXJuJTI1MjklMjUyMiUyNTIwc3Ryb2tlLXdpZHRoJTI1M0QlMjUyMjAlMjUyMiUyNTIweSUyNTNEJTI1MjIwJTI1MjIlMjUyMHglMjUzRCUyNTIyMCUyNTIyJTI1MjBoZWlnaHQlMjUzRCUyNTIyMTAwJTI1MjUlMjUyMiUyNTIwd2lkdGglMjUzRCUyNTIyMTAwJTI1MjUlMjUyMiUyRiUyNTNFJTI1MEElMjUyMCUyNTIwJTI1M0MlMkZnJTI1M0UlMjUwQSUyNTIwJTI1M0MlMkZnJTI1M0UlMjUwQSUyNTIwJTI1M0NnJTI1M0UlMjUwQSUyNTIwJTI1MjAlMjUzQ3RpdGxlJTI1M0VMYXllciUyNTIwMSUyNTNDJTJGdGl0bGUlMjUzRSUyNTBBJTI1MjAlMjUyMCUyNTNDcmVjdCUyNTIwaWQlMjUzRCUyNTIyc3ZnXzElMjUyMiUyNTIwaGVpZ2h0JTI1M0QlMjUyMjUwJTI1MjIlMjUyMHdpZHRoJTI1M0QlMjUyMjg1JTI1MjIlMjUyMHklMjUzRCUyNTIyMTQ1JTI1MjIlMjUyMHglMjUzRCUyNTIyMTM4LjUlMjUyMiUyNTIwc3Ryb2tlJTI1M0QlMjUyMiUyNTIzNDg4MEZGJTI1MjIlMjUyMGZpbGwlMjUzRCUyNTIyJTI1MjM0ODgwRkYlMjUyMiUyRiUyNTNFJTI1MEElMjUyMCUyNTIwJTI1M0NyZWN0JTI1MjBpZCUyNTNEJTI1MjJzdmdfMiUyNTIyJTI1MjBoZWlnaHQlMjUzRCUyNTIyMTU5JTI1MjIlMjUyMHdpZHRoJTI1M0QlMjUyMjE5MyUyNTIyJTI1MjB5JTI1M0QlMjUyMjg5JTI1MjIlMjUyMHglMjUzRCUyNTIyMTc3LjUlMjUyMiUyNTIwc3Ryb2tlJTI1M0QlMjUyMiUyNTIzNDg4MEZGJTI1MjIlMjUyMGZpbGwlMjUzRCUyNTIyJTI1MjM0ODgwRkYlMjUyMiUyRiUyNTNFJTI1MEElMjUyMCUyNTNDJTJGZyUyNTNFJTI1MEElMjUzQyUyRnN2ZyUyNTNF

根据Mandrill文档，attachments元素的content属性只是

附件的内容作为base64编码的字符串

似乎没有任何要求使用URI编码；只需直接对要用作附件内容的字符串调用btoa即可。不要使用escape或encodeURIComponent。

MDN建议使用escape的原因是对字符值高于255的字符进行编码。这是因为btoa将二进制值转换为文本字符。btoa假设输入中的一个字符表示二进制输入的一个字节。这并不总是正确的，在这些情况下，btoa会抛出一个错误。

在一个字符需要多个字节的情况下，编码和解码机制必须就如何关联字节和字符达成一致。MDN的建议是通过escape运行宽度大于一个字节的字符，然后在使用unescape解码时重新构建它们。

然而，Mandrill在解码时并没有这样做。他们可能会做一些不同的事情来将多字节字符映射到多字节二进制输入，或者他们可能根本不支持它。

相关文章：