js base64 解码成utf-8

答案：可以使用 atob() 方法将 base64 编码转换为字符串，然后使用 decodeURIComponent() 方法将字符串解码为 utf-8 编码。示例代码如下：

let base64Str = "am9obiUyMGZvbw=="; // base64 编码的字符串
let str = decodeURIComponent(escape(atob(base64Str))); // 解码为 utf-8 字符串
console.log(str); // "john foo"

相关问题

前端 js-base64解码为乱码

当前端使用js对base64进行解码时，如果解码后出现乱码，可能存在以下几种可能的原因。

1. 编码方式不正确: 在使用js进行base64解码之前，需要确定编码方式是否正确。base64编码是一种将二进制数据转换为可打印字符的编码方式。常用的编码方式有UTF-8和ASCII，需要根据编码方式选择正确的解码方式。

2. 解码函数使用错误: js提供了多种base64解码函数，比如atob()函数，可以进行简单的base64解码。但是，如果被解码的字符串包含非标准的base64字符，或者字符串长度不是4的倍数，就会导致解码出现问题。在这种情况下，可以考虑使用其他第三方库或者自定义函数来进行解码。

3. 数据损坏: 如果待解码的base64字符串在传输或保存过程中发生了数据损坏，就会导致解码后的数据乱码。可以尝试使用其他方式对数据进行验证，或者尝试使用其他base64解码工具对同样的待解码数据进行解码，以确定是否是数据损坏引起的问题。

4. 解码后的数据处理不正确: base64解码后的数据是经过转换的二进制数据，无法直接在浏览器或控制台中显示。如果直接将解码后的数据输出到页面上或者进行其他处理，可能会导致乱码。在处理解码后的数据时，需要根据具体需求进行进一步的处理，比如将解码后的二进制数据转换为字符串或者其他格式。

对于解决前端js-base64解码乱码的问题，可以通过以上几种可能的原因进行排查，并逐一进行解决。同时，根据具体情况也可以参考其他前端开发者的经验或者寻求专业人士的帮助。

vue如何设置base64转码后的内容为utf-8

在Vue中，可以使用atob()函数将Base64编码解码为原始字符串，然后使用decodeURIComponent()函数将已编码URI组件解码, 从而将UTF-8编码的字符串转换成JavaScript字符串。

例如：

let base64str = "VGhpcyBpcyBhIHRlc3Qh"; //假设这是一个Base64编码的字符串
let decodedStr = decodeURIComponent(atob(base64str).split('').map(function(c) {
    return '%' + ('00' + c.charCodeAt(0).toString(16)).slice(-2);
}).join(''));
console.log(decodedStr); //输出 "This is a test!"

在上面的代码中，我们首先使用atob()函数将Base64编码解码为原始字符串，然后使用split()函数将字符串转换为字符数组，并使用map()函数对每个字符进行操作，最后使用join()函数将字符数组转换回字符串。最终，我们得到了一个解码后的UTF-8字符串。