js对中文进行base64编码和解码操作,解决中文乱码问题

我使用github api的接口获取文件内容,然后使用atob进行解码,但是发现:乱码.......糟心啊

所以就有了我封装的方法:

javascript 复制代码
export const encode64 = (str) => {
  // 首先,我们使用 encodeURIComponent 来获得百分比编码的UTF-8,然后我们将百分比编码转换为原始字节,最后存储到btoa里面
  return btoa(
    encodeURIComponent(str).replace(
      /%([0-9A-F]{2})/g,
      function toSolidBytes(_, p1) {
        return String.fromCharCode(Number("0x" + p1));
      }
    )
  );
};

export const decode64 = (str) => {
  // 过程:从字节流到百分比编码,再到原始字符串
  return decodeURIComponent(
    atob(str)
      .split("")
      .map(function (c) {
        return "%" + ("00" + c.charCodeAt(0).toString(16)).slice(-2);
      })
      .join("")
  );
};

然后调用:

再看结果:完美

相关推荐
ONE_PUNCH_Ge5 分钟前
Go 语言变量
开发语言
幼稚园的山代王6 分钟前
go语言了解
开发语言·后端·golang
晚风残13 分钟前
【C++ Primer】第六章:函数
开发语言·c++·算法·c++ primer
Panda__Panda15 分钟前
docker项目打包演示项目(数字排序服务)
运维·javascript·python·docker·容器·c#
满天星830357728 分钟前
【C++】AVL树的模拟实现
开发语言·c++·算法·stl
weixin_456904271 小时前
基于.NET Framework 4.0的串口通信
开发语言·c#·.net
ss2731 小时前
手写MyBatis第107弹:@MapperScan原理与SqlSessionTemplate线程安全机制
java·开发语言·后端·mybatis
10年前端老司机1 小时前
Promise 常见面试题(持续更新中)
前端·javascript
麦麦鸡腿堡2 小时前
Java的动态绑定机制(重要)
java·开发语言·算法
时间之里2 小时前
【c++】:Lambda 表达式介绍和使用
开发语言·c++