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

素颜马尾好姑娘i 2023-10-15 14:46 47阅读 0赞

![54dbae573187477b945634d2edeff0dc.png][]

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

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

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

然后调用：![233d835cf6784d6b8cdc0b2834387af4.png][]

再看结果：完美![6419de18680e41808feccab51d0c1ba8.png][]

[54dbae573187477b945634d2edeff0dc.png]: https://img-blog.csdnimg.cn/54dbae573187477b945634d2edeff0dc.png
[233d835cf6784d6b8cdc0b2834387af4.png]: https://img-blog.csdnimg.cn/233d835cf6784d6b8cdc0b2834387af4.png
[6419de18680e41808feccab51d0c1ba8.png]: https://img-blog.csdnimg.cn/6419de18680e41808feccab51d0c1ba8.png

发表评论取消回复

表情：

评论列表（有 0 条评论，47人围观）

还没有评论，来说两句吧...

相关阅读

相关 JS Base64编码和解码

Base64 是一种编码方式，可以将任意字符（包括二进制字符流）转成可打印字符。JavaScript 定义了两个与 Base64 相关的全局方法。 btoa()：字符串

柔光的暖阳◎/ 2024年03月31日 13:06/ 0 赞/ 79 阅读

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

![54dbae573187477b945634d2edeff0dc.png][] 我使用github api的接口获取文件内容，然后使用atob进行解码，但是发现：乱码..

素颜马尾好姑娘i/ 2023年10月15日 14:46/ 0 赞/ 48 阅读

相关 JavaScript对字符串进行Base64的编码与解码以及中文乱码处理方法

对于中文字符串进行编码解码时，我们需要对其做一定处理方可，否则乱码 let name = '新码笔记'; let encodedData = window.b

怼烎@/ 2023年06月23日 10:56/ 0 赞/ 186 阅读

相关 js base64 编码解码

js base64 编码解码 encode decode，可以直接使用 function Base64() { // private

小鱼儿/ 2023年03月04日 09:17/ 0 赞/ 200 阅读

相关解决前后端base64编码传递时的中文乱码问题

1 前端JavaScript加密 window.btoa(unescape(encodeURIComponent(str))) 2 后端Java解密

妖狐艹你老母/ 2022年12月16日 14:24/ 0 赞/ 93 阅读

相关用 Js 进行 Base64 编码、解码

从IE10+浏览器开始，所有浏览器就原生提供了Base64编码、解码方法，不仅可以用于浏览器环境，Service Worker环境也可以使用。 window.btoa

灰太狼/ 2022年12月06日 15:59/ 0 赞/ 292 阅读

相关 js编码问题（中文乱码）

在 window 菜单里面找到 preferences , 在打开的窗口左侧找到 general -> content type ，然后在右侧的窗口里面可以看到 tex

冷不防/ 2022年06月05日 01:19/ 0 赞/ 293 阅读

相关 js/java中文字符串Base64编解码源码

js/java中文字符串Base64编解码源码 1. js Base64编码源码 function Base64() { // pri

小鱼儿/ 2022年04月10日 14:17/ 0 赞/ 544 阅读

相关【Python】base64模块对图片进行base64编码和解码

图片的base64编码就是可以将一副图片数据编码成一串字符串，使用该字符串代替图像地址。这样做有什么意义呢？我们知道，我们所看到的网页上的每一个图片，都是需要消耗一个 h

淡淡的烟草味﹌/ 2021年12月15日 21:09/ 0 赞/ 690 阅读

相关图片进行Base64编码和解码

Base64和图片进行转换 public static void main(String[] args) { //加密

﹏ヽ暗。殇╰゛Y/ 2021年09月07日 06:16/ 0 赞/ 650 阅读