Ruby Base64 编码的图片不显示答案

【问题标题】：Ruby Base64 encoded picture does not displayRuby Base64 编码的图片不显示
【发布时间】：2014-03-27 02:58:19
【问题描述】：

我正在尝试在网页中显示 Base64 编码的 SVG 图像。图像使用编码

str = Base64.encode64 '<svg> ... </svg>'

并使用显示

<img src="data:image/svg+xml;base64,"+str >

浏览器不显示图片。但是，如果我使用 JavaScript btoa() 函数对字符串进行编码并使用

$("body").append("img").attr("src", "data:image/svg+xml;base64,"+ btoa("<svg> .. </svg>"));

图像显示完美。对于相同的输入，Ruby 输出和 JS 输出之间也存在一些差异。我还尝试了 encode64 的严格和 urlsafe 版本。他们都没有工作。我该如何解决这个问题？

【问题讨论】：

加载页面时控制台中是否有任何错误？
尝试指定编码，例如：data:image/svg+xml;charset=utf-8;base64, 如果这不起作用，请将您的 ruby 编码字符串通过 base64 解码器并检查输出（缺少字符等）。

【解决方案1】：

Ruby 的 Base64 添加新行来呈现文本块而不是乱码字符串您想要做的是删除字符串

str = Base64.encode64('<svg>...</svg>').gsub("\n", '')

然后像原来一样将它重新绘制到源代码中。

<img src="data:image/svg+xml;base64,"+str >

【讨论】：