react项目中 iframe来渲染接口返回的base64格式的html、base64解码、解码后中文乱码问题

一、需求背景

react项目中需要使用iframe来渲染接口返回的base64格式的html,涉及到base64解码、解码后中文乱码问题,在这里总结一下解决方法。

二、<iframe>标签使用方法介绍

1、定义

iframe 元素会创建包含另外一个文档的内联框架(即行内框架)。
所有浏览器都支持 <iframe> 标签。

2、属性

在这里插入图片描述

三、项目中使用

若仅仅是展示后端接口返回的内容,不需要做其他的处理,可以直接讲base64转化成blob格式,然后用src标签来进行赋值渲染;
若需要对html中的内容进行获取并赋值,则需要对base64进行解码操作,方法如下:

1、通过atob()方法将base64解码:
const decodeData = atob(base64Data
  • 1
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值