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

相关推荐
@yanyu66610 分钟前
idea中配置tomcat
java·mysql·tomcat
2501_9167665411 分钟前
【项目部署】JavaWeb、MavenJavaWeb项目部署至 Tomcat 的实现方式
java·tomcat
RoboWizard22 分钟前
扩容刚需 金士顿新款Canvas Plus存储卡
java·spring·缓存·电脑·金士顿
Paper_Love30 分钟前
Linux-查看硬件接口软件占用
linux·运维·服务器
wydaicls35 分钟前
Linux 系统下 ZONE 区域的划分
linux·运维·服务器
螺旋小蜗38 分钟前
Linux Cgroup与Device Whitelist详解
linux·运维·服务器·cgroup
lang2015092838 分钟前
Spring Boot 入门:5分钟搭建Hello World
java·spring boot·后端
染指111041 分钟前
36.渗透-端口
linux·运维·服务器
lijun_xiao20091 小时前
前端最新Vue2+Vue3基础入门到实战项目全套教程
前端
失散131 小时前
分布式专题——47 ElasticSearch搜索相关性详解
java·分布式·elasticsearch·架构