Question

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

出于某种原因，它出错了（例如，SVG图像由Gmail显示就好了，但是当我收到它时，Gmail表示该文件为空或已损坏）。< / p>

我没有办法知道原因。（基本上我无法调试任何没有任何指导原因的错误）。

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

目前我使用window.btoa和escape进行编码，因此example from MDN建议。

这是我用于编码的代码：

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

这是我的输入＆＃39; 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，content元素的attachments属性只是

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

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

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

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

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

如何判断字符串是否“正确”编码到Base64？

1 个答案: