js 转base64

将字符串转为 Base64 编码可以使用 JavaScript 中的 btoa() 方法。该方法接受一个字符串作为参数并返回对应的 Base64 编码值。例如，btoa('Hello World!') 的结果是 "SGVsbG8gV29ybGQh"。要将 Base64 编码转回原来的字符串，可以使用 atob() 方法。例如，atob('SGVsbG8gV29ybGQh') 的结果是 "Hello World!"。

如果你想在 JavaScript 中自定义一个函数来实现转换，可以使用以下代码：

function b64Encode(str) {
  return btoa(encodeURIComponent(str));
}

function b64Decode(str) {
  return decodeURIComponent(atob(str));
}

现在你可以使用 b64Encode('你好') 来将字符串 '你好' 转为 Base64 编码，结果是 "JUU0JUJEJUEwJUU1JUE1JUJE"。而使用 b64Decode('JUU0JUJEJUEwJUU1JUE1JUJE') 可以将 Base64 编码转回原来的字符串，结果是 "你好"。

相关问题

js转换base64

JavaScript中有内置的函数可以方便地进行Base64编码和解码。以下是两个常用的库和基本的API：

1. **使用原生`btoa()`和`atob()`函数**：
- 转换成Base64：```javascript
var input = "Hello, World!";
var base64String = btoa(input);

   - 解码从Base64：```javascript
     var decodedString = atob(base64String);

2. **使用第三方库**，如`js-base64`：

   npm install js-base64

然后在代码中使用：

   const Base64 = require('js-base64').Base64;

   var input = "Hello, World!";
   var encoded = Base64.encode(input);
   var decoded = Base64.decode(encoded);

js 图片转base64

以下是将图片转换为Base64的JavaScript代码示例：

function getBase64Image(img) {
  var canvas = document.createElement("canvas");
  canvas.width = img.width;
  canvas.height = img.height;

  var ctx = canvas.getContext("2d");
  ctx.drawImage(img, 0, 0);

  var dataURL = canvas.toDataURL("image/png");

  return dataURL.replace(/^data:image\/(png|jpg);base64,/, "");
}

// 使用方法
var img = new Image();
img.onload = function() {
  var base64 = getBase64Image(img);
  console.log(base64);
};
img.src = "yourImage.jpg";

在这个示例中，我们创建了一个名为 `getBase64Image` 的函数，它接受一个 `img` 对象作为输入参数并返回Base64字符串。该函数使用 `canvas` 元素将图像绘制到画布上，然后使用 `toDataURL()` 方法将画布转换为Base64字符串。最后，我们删除前缀并返回Base64字符串。