前端 base转base64

前端可以使用 `btoa()` 函数将字符串转换为 base64 编码，如下所示：

const str = 'Hello, world!';
const base64Str = btoa(str);
console.log(base64Str); // "SGVsbG8sIHdvcmxkIQ=="

如果要将二进制数据转换为 base64 编码，可以先将二进制数据转换为字符串，然后再使用 `btoa()` 函数进行编码。

const binaryData = new Uint8Array([72, 101, 108, 108, 111, 44, 32, 119, 111, 114, 108, 100, 33]);
const str = String.fromCharCode.apply(null, binaryData);
const base64Str = btoa(str);
console.log(base64Str); // "SGVsbG8sIHdvcmxkIQ=="

注意 `btoa()` 函数只能处理 ASCII 字符串，如果要处理非 ASCII 字符串，需要先将其转换为 UTF-8 编码的字符串。

相关问题

前端 base64转图片

可以使用以下代码将 base64 转换为图片：

function base64ToImage(base64String, filename) {
  var img = new Image();
  img.src = base64String;
  img.onload = function () {
    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');
    var a = document.createElement('a');
    a.href = dataURL;
    a.download = filename;
    document.body.appendChild(a);
    a.click();
    document.body.removeChild(a);
  };
}

使用方法：

var base64String = 'your base64 string';
var filename = 'your filename';
base64ToImage(base64String, filename);

其中，`base64String` 是要转换的 base64 字符串，`filename` 是要保存的文件名。该方法会将图片下载到本地。

前端base64转图片

前端可以通过使用JavaScript将Base64编码的图像数据转换为图片。以下是一个简单的示例代码：

// Base64编码的图像数据
var base64Data = "data:image/png;base64,iVBORw0KG...";

// 创建一个新的Image对象
var img = new Image();

// 设置Image对象的src为Base64编码的图像数据
img.src = base64Data;

// 等待图像加载完成后执行回调函数
img.onload = function() {
  // 在DOM中添加图像元素
  document.body.appendChild(img);
};

这段代码将Base64编码的图像数据赋值给一个新创建的Image对象的src属性，然后等待图像加载完成后将图像元素添加到DOM中。你可以根据需要修改代码来适应你的项目。