json如何传递图片

在前后端交互中，常常需要传递图片。JSON是一种轻量级的数据交换格式，虽然它不支持直接传递二进制数据，但是我们可以通过将图片转换成Base64编码，然后将编码后的字符串作为JSON对象的值进行传递来实现传递图片。

{
  "image": "data:image/png;base64,iVBORw0KGg..."
}

如上方所示，我们可以将图片的编码后的字符串作为JSON对象的一个属性值进行传递，属性名可以自定义。解析方在接收到这个JSON对象后，只需要取出对应的属性值，再将其解码成图片即可。

var image = document.createElement("img");
var str = { "image": "data:image/png;base64,iVBORw0KGg..." }.image;
image.src = str;

如上方所示，我们可以通过JavaScript代码将接收到的图片编码后的字符串解码成图片，并赋值给标签的src属性，即可将图片显示在网页上。