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操作进行了解码。

相关推荐
武昌库里写JAVA7 分钟前
JAVA面试汇总(四)JVM(一)
java·vue.js·spring boot·sql·学习
Justinc.37 分钟前
HTML5新增属性
前端·html·html5
落霞的思绪1 小时前
Java设计模式详细解读
java·开发语言·设计模式
Java小白程序员1 小时前
Spring Framework:Java 开发的基石与 Spring 生态的起点
java·数据库·spring
1024小神1 小时前
nextjs项目build导出静态文件
前端·javascript
阿聪_1 小时前
createContext 还是 useSyncExternalStore?一文讲清场景与选型
前端
sunflower_w1 小时前
linux I2C核心、总线与设备驱动
linux·运维·服务器
Linsk1 小时前
当我把前端条件加载做到极致
前端·前端工程化
_辉1 小时前
大模型构建表单与数据结构
前端
祝鹏1 小时前
动态表单生成
前端