一、需求背景
react项目中需要使用iframe来渲染接口返回的base64格式的html,涉及到base64解码、解码后中文乱码问题,在这里总结一下解决方法。
二、<iframe>
标签使用方法介绍
1、定义
iframe 元素会创建包含另外一个文档的内联框架(即行内框架)。
所有浏览器都支持 <iframe>
标签。
2、属性
三、项目中使用
若仅仅是展示后端接口返回的内容,不需要做其他的处理,可以直接讲base64转化成blob格式,然后用src标签来进行赋值渲染;
若需要对html中的内容进行获取并赋值,则需要对base64进行解码操作,方法如下:
1、通过atob()方法将base64解码:
const decodeData = atob(base64Data