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("")
  );
};

然后调用:

再看结果:完美

相关推荐
摘星编程2 分钟前
React Native + OpenHarmony:ImageSVG图片渲染
javascript·react native·react.js
jiang_changsheng7 分钟前
环境管理工具全景图与深度对比
java·c语言·开发语言·c++·python·r语言
yong999016 分钟前
MATLAB面波频散曲线反演程序
开发语言·算法·matlab
LeoZY_20 分钟前
开源项目精选:Dear ImGui —— 轻量高效的 C++ 即时模式 GUI 框架
开发语言·c++·ui·开源·开源软件
Fightting8821 分钟前
Tkinter Button bind hover message
开发语言·python
qq_3363139335 分钟前
javaweb-web基础(springboot入门)
java·开发语言·mysql
摘星编程35 分钟前
OpenHarmony + RN:Text文本书写模式
javascript·react native·react.js
玄同7651 小时前
LangChain 1.0 模型接口:多厂商集成与统一调用
开发语言·人工智能·python·langchain·知识图谱·rag·智能体
特立独行的猫a1 小时前
C++轻量级Web框架介绍与对比:Crow与httplib
开发语言·前端·c++·crow·httplib
fie88891 小时前
基于C#的推箱子小游戏实现
开发语言·c#