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

相关推荐
老李IT笔记2 分钟前
连不上不一定是网不好:新系统不认的服务端配置卡在哪一档
运维·服务器·网络
ALONE阿龙太原微码2 分钟前
微信小程序包体积优化:2MB 到 400KB 的实操记录
前端
掘金挖土3 分钟前
前端手摸手跑路之 AI 应用开发(十一)
前端·后端
创了么OPC5 分钟前
小程序能收款了,对公户还没开?独立开发者的交付闭环踩坑②
前端·微信小程序
IT_陈寒6 分钟前
Vue动态组件缓存的坑你踩过了吗?
前端·人工智能·后端
顽疲10 分钟前
java springboot vue 养老系统源码详解:请假 care_leave 销假与床位停费日扣实践
java·vue.js·spring boot
寂寞狼牙冷19 分钟前
封装fetch替换axios
前端
刚入门的大一新生34 分钟前
Linux-进程池
linux·运维·服务器
用户4611696572835 分钟前
网站 HTTPS 不稳定?证书排查指南
前端
XIAEE40 分钟前
一个即时通讯项目是怎么长出来的:(Spring Boot 3 + Vue 3 微前端 + 悟空 IM + LiveKit)
java·spring