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

相关推荐
AIGS00111 分钟前
企业AI落地:Agent OS 治理框架实践
java·大数据·人工智能·机器学习·人工智能ai大模型应用
宸翰37 分钟前
uni-app 设置 Android 底部虚拟导航栏背景色
android·前端·uni-app
wang_shu_mo_ran43 分钟前
网络编程(一):网络编程初识
运维·服务器·网络
-西门吹雪1 小时前
现代C++ 并发编程-学习指南
java·jvm·c++
lh17931 小时前
数据产业服务分类(53)——分类设计——数据能力集成
java·人工智能·分类
金色的暴发户1 小时前
一劳永逸解决Codex手机验证
前端·人工智能·开源
想你依然心痛1 小时前
自定义RTOS内核:从零实现上下文切换与任务调度——汇编、PendSV
java·开发语言·汇编·pendsv
DanCheOo1 小时前
AI 应用的可观测性:你的 AI 系统在生产上到底表现怎么样
前端·openai
Hyyy1 小时前
流式渲染用react-markdown还是Vercel/Streamdown
前端
ton_tom2 小时前
设备驱动程序编程-Linux2.6.10-kdb安装-32位
linux·运维·服务器