base64文本div中增加一个img标签，img标签实时渲染后端返回的base64数据成对应图片

问：

base64文本div中增加一个img标签，img标签实时渲染后端返回的base64数据成对应图片？

回答：

使用原生js实现:

假设现在我们获取到了侯丹返回的base64数据存储在字段content中，

现在，

const base64Data = content.replace(/ /g,"&nbsp;").replace(/\n/g,"<br>");

document.getElementById("notificationMessageContent").innerHTML = `<img src="${base64Data}" alt="" id="imageBase64">`

通过这段代码啊就可以实现原生js添加img标签到原来的渲染字符串base64的div（notificationMessageContent）中增加一个img标签了，这个img标签的src对应后端此时传回来的base64字段，且通过replace操作进行了解码。