JavaScript Base64解码

Base64是一种用于将二进制数据编码为ASCII字符的编码方法。使用Base64编码后的数据可以在电子邮件、HTTP请求等中以文本方式传输。在JavaScript中，可以使用atob()函数对Base64编码后的字符串进行解码。

基本用法

以下是对“Hello, World!”使用Base64编码和解码的示例：

// 编码
var encoded = btoa("Hello, World!");
console.log(encoded); // "SGVsbG8sIFdvcmxkIQ=="

// 解码
var decoded = atob(encoded);
console.log(decoded); // "Hello, World!"

注意事项

• atob()函数在解码时会将无效的编码字符忽略掉，因此在使用该函数时要注意验证输入的字符串是否符合Base64编码规范。
• Base64编码后的数据虽然可以在文本中传输，但原始二进制数据可能会因此变得更大。因此，在将二进制数据编码为Base64字符串后，需要注意数据大小是否超出了可接受范围。

实际应用

以下是一个使用Base64编码传输图片的示例：

// 加载图片文件
var fileReader = new FileReader();
fileReader.readAsDataURL(file);
fileReader.onload = function() {
  var base64Image = this.result;
  
  // 将图片数据以Base64编码形式发送到后台
  $.ajax({
    type: "POST",
    url: "/uploadImage",
    data: { image: base64Image },
    success: function(response) {
      console.log("图片上传成功！");
    },
    error: function(xhr, status, error) {
      console.log("上传图片时发生错误：" + error);
    }
  });
}

在上述示例中，使用FileReader对象读取图片文件的二进制数据，并将其以Base64编码形式发送到后台服务器。后台服务器可以通过解码Base64字符串来获取原始的二进制图片数据。

参考链接

• MDN web docs: atob()
• MDN web docs: Base64 encoding and decoding