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

相关推荐
sevevty-seven14 分钟前
java重要知识点 JVM基本结构
java·开发语言·jvm
张飞的猪15 分钟前
什么是AOP面向切面编程?怎么简单理解?
java·spring·aop·面向切面编程
TANGLONG22216 分钟前
【初阶数据结构与算法】复杂度分析练习之轮转数组(多种方法)
java·c语言·数据结构·c++·python·算法·面试
墨如初见16 分钟前
vue前端进行AES加密,JAVA对其进行AES解密
java·前端·vue.js
液态不合群16 分钟前
Js内建对象
前端·javascript·vue.js
jonyleek17 分钟前
JVS开源框架:工作流引擎代理中心的设计挑战与实现方案
java·gitee·开源·github·软件需求
hi_zf18 分钟前
面试知识目录
java
苹果电脑的鑫鑫18 分钟前
uni-app接口调用以及封装
前端·javascript·uni-app
码蜂窝编程官方20 分钟前
【含开题报告+文档+源码】基于Web的房地产销售网站的设计与实现
java·前端·vue.js·spring boot·spring
提笔惊蚂蚁22 分钟前
java-web-day7-会话跟踪技术
java·开发语言·前端·程序人生