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

相关推荐
Yvonne爱编码23 分钟前
CSS- 1.1 css选择器
前端·css·状态模式·html5·hbuilder
山河故人16333 分钟前
uniapp使用npm下载
前端·npm·uni-app
jackson凌40 分钟前
【Java学习笔记】equals方法
java·笔记·学习
搬码临时工1 小时前
电脑怎么远程访问服务器?4种常见的简单方法
运维·服务器·网络·异地访问
TinpeaV1 小时前
websocket入门详解
java·网络·spring boot·websocket·网络协议
王有品1 小时前
Java 集合框架对比全解析:单列集合 vs 双列集合
java·windows·python
北漂老男孩1 小时前
ChromeDriver 技术生态与应用场景深度解析
java·爬虫·python·自动化
QQ2740287561 小时前
Kite AI 自动机器人部署教程
linux·运维·服务器·人工智能·机器人·web3
-曾牛1 小时前
基于微信小程序的在线聊天功能实现:WebSocket通信实战
前端·后端·websocket·网络协议·微信小程序·小程序·notepad++
一口一个橘子1 小时前
[ctfshow web入门] web72
前端·web安全·网络安全