<img>标签的src属性直接显示base64转码后的字符串变为图片

在<img>标签 src 增加：data:image/jpeg;base64 格式：<img src="data:image/jpeg;base64,base64转码后的字符串" ></img>

<img 
src='data:image/jpeg;base64,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' ></img>

转载于:https://www.cnblogs.com/Angel-szl/p/11201067.html