javascript - 如何将字符串格式的图像传递给JavaScript并将其写入文档

Question

我将 JSON 字符串传递给包含 {"imagePath":"a.svg"} 的 JavaScript 代码 现在我不想传递路径，而是想将图像作为字符串发送(可能是一些字节代码)。我将用 JavaScript 解析这个字符串并将其作为图像写入文档。

Answer 1

将 svg 字符串转换为 base64 并将 base64 字符串作为属性添加到 json。看例子:https://jsfiddle.net/wLftvees/1/

var decodedJson = {
    img: 
"PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjwhLS0gR2VuZXJhdG9yOiBB"+
"ZG9iZSBJbGx1c3RyYXRvciAxNS4xLjAsIFNWRyBFeHBvcnQgUGx1Zy1JbiAuIFNWRyBWZXJzaW9u"+
...
"NSw4LjU5NS0wLjA5NSwxMC42ODIsMS45MDMiLz4NCjwvc3ZnPg0K"
};

document.getElementById('image').src = 'data:image/svg+xml;base64,' + decodedJson.img;