vue2字节数组转base64

在Vue2中，可以使用JavaScript中的btoa()函数将字节数组转换为Base64字符串。具体步骤如下：
1. 将字节数组转换为二进制字符串，可以使用ArrayBuffer和DataView对象来实现。
2. 将二进制字符串转换为Base64字符串，可以使用btoa()函数来实现。

以下是一个示例代码：

// 将字节数组转换为Base64字符串
function arrayBufferToBase64(buffer) {
  var binary = '';
  var bytes = new Uint8Array(buffer);
  var len = bytes.byteLength;
  for (var i = 0; i < len; i++) {
    binary += String.fromCharCode(bytes[i]);
  }
  return btoa(binary);
}

// 使用示例
var buffer = new ArrayBuffer(8);
var view = new DataView(buffer);
view.setInt32(0, 123456789);
view.setInt32(4, -123456789);
var base64 = arrayBufferToBase64(buffer);
console.log(base64);

相关问题

Vue3 中base64转图片

在 Vue3 中，可以使用以下代码将 base64 编码的字符串转换为图片：

<template>
  <div>
    <img :src="imageUrl" alt="Image">
  </div>
</template>

<script>
export default {
  data() {
    return {
      base64Str: "data:image/png;base64,iVBORw0KG...QmCC", // base64 编码的字符串
      imageUrl: "" // 用于显示图片的 URL
    };
  },
  mounted() {
    this.imageUrl = this.base64ToImageUrl(this.base64Str); // 将 base64 转换为图片 URL
  },
  methods: {
    base64ToImageUrl(base64Str) {
      let binaryStr = atob(base64Str.split(",")[1]); // 解码 base64 字符串
      let len = binaryStr.length;
      let bytes = new Uint8Array(len);
      for (let i = 0; i < len; i++) {
        bytes[i] = binaryStr.charCodeAt(i);
      }
      let blob = new Blob([bytes], { type: "image/png" }); // 创建 Blob 对象
      return URL.createObjectURL(blob); // 返回图片 URL
    }
  }
};
</script>

在上面的代码中，`base64Str` 是 base64 编码的字符串，`imageUrl` 是用于显示图片的 URL。在 `mounted` 钩子函数中，调用 `base64ToImageUrl` 方法将 `base64Str` 转换为 `imageUrl`。

`base64ToImageUrl` 方法中，首先使用 `atob` 方法解码 base64 字符串，然后将解码后的字符串转换为字节数组，并使用 `Blob` 对象创建二进制数据块。最后使用 `URL.createObjectURL` 方法将二进制数据块转换为图片 URL，并返回该 URL。

在模板中，可以使用 `img` 标签来显示图片，绑定 `src` 属性为 `imageUrl` 即可。

vue base64转文件内容

你可以使用以下方法将Base64字符串转换为文件内容：

1. 首先，将Base64字符串转换为字节数组：

const base64String = 'your_base64_string';
const byteCharacters = atob(base64String);
const byteNumbers = new Array(byteCharacters.length);
for (let i = 0; i < byteCharacters.length; i++) {
  byteNumbers[i] = byteCharacters.charCodeAt(i);
}
const byteArray = new Uint8Array(byteNumbers);

2. 然后，创建一个Blob对象来表示文件内容：

const blob = new Blob([byteArray], { type: 'application/octet-stream' });

3. 最后，使用URL.createObjectURL()方法创建一个临时的URL，将其赋值给一个链接或者使用该URL进行下载：

const fileUrl = URL.createObjectURL(blob);
// 在Vue中可以使用<a>标签进行下载
<a :href="fileUrl" download="filename">下载文件</a>

请确保替换`your_base64_string`为实际的Base64字符串，并指定正确的文件名（`filename`）。这样，当用户点击下载链接时，将会下载包含Base64字符串内容的文件。