我正在尝试将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
答案 0 :(得分:2)
根据Mandrill docs,content
元素的attachments
属性只是
附件的内容为base64编码的字符串
似乎没有要求使用URI编码;只需直接在您要用作附件内容的字符串上调用btoa
即可。请勿使用escape
或encodeURIComponent
。
MDN建议使用escape
的原因是对字符值高于255
的字符进行编码。这是因为btoa
将二进制值转换为文本字符。 btoa
假设输入中的一个字符表示二进制输入的一个字节。这并非总是如此,在这些情况下,btoa
会抛出错误。
在一个字符需要多个字节的情况下,编码和解码机制必须就如何关联字节和字符达成一致。 MDN建议通过escape
运行它们来消除宽度超过一个字节的字符,然后使用unescape
在解码时重新构建它们。
然而,Mandrill在解码时没有做到这一点。他们可能会做一些不同的事情,将多字节字符映射到多字节二进制输入,或者根本不支持它。