javascript - 如何判断字符串是否为 'correctly' 编码为 Base64？

Question

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

由于某种原因，它出现错误(例如 Gmail 显示 SVG 图像就很好，但是当我收到它时，Gmail 说文件是空的或已损坏)。

我无法知道原因。(基本上，如果没有任何关于错误原因的指南，我无法调试任何东西)。

How can I check if my string is correctly encoded in Base64 format and when decoded it will produce the original SVG drawing?

目前我使用window.btoa 和escape 编码为example from 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

Answer 1

根据Mandrill docs , attachments 元素的 content 属性很简单

the content of the attachment as a base64-encoded string

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

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

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

但是，Mandrill 不会在解码时执行此操作。他们可能会做一些不同的事情来将多字节字符映射到多字节二进制输入，或者他们可能根本不支持它。