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

相关推荐
黄雪超4 分钟前
JVM——打开JVM后门的钥匙:反射机制
java·开发语言·jvm
听风吹等浪起8 分钟前
CentOS在vmware局域网内搭建DHCP服务器【踩坑记录】
linux·服务器·centos
有梦想的攻城狮12 分钟前
spring中的@RabbitListener注解详解
java·后端·spring·rabbitlistener
李斯维14 分钟前
循序渐进 Android Binder(二):传递自定义对象和 AIDL 回调
android·java·android studio
androidwork16 分钟前
OkHttp 3.0源码解析:从设计理念到核心实现
android·java·okhttp·kotlin
程序员岳焱18 分钟前
Java 程序员成长记(二):菜鸟入职之 MyBatis XML「陷阱」
java·后端·程序员
我命由我1234519 分钟前
Spring Boot 项目集成 Redis 问题:RedisTemplate 多余空格问题
java·开发语言·spring boot·redis·后端·java-ee·intellij-idea
用户8820932166719 分钟前
Vue组件通信全攻略:从父子传参到全局状态管理,一篇搞定!
前端
面朝大海,春不暖,花不开19 分钟前
Spring Boot消息系统开发指南
java·spring boot·后端
程序员岳焱21 分钟前
Java 程序员成长记(三):菜鸟入职之@Transactional「罢工」
java·后端·编程语言