js中Base64格式数据转为二进制

在JavaScript中，可以使用`atob()`函数将Base64格式的数据解码为二进制数据。例如：

const base64Data = "SGVsbG8gV29ybGQh";
const binaryData = atob(base64Data);
console.log(binaryData); // "Hello World!"

注意：`atob()`函数在解码时会抛出异常，如果输入的不是有效的Base64格式数据。因此，在使用前需要确保数据是有效的。

相关问题

vue将base64转为二进制

在Vue中将Base64编码的字符串转换为二进制数据，可以通过JavaScript内置的API来实现。Base64是一种用64个字符表示任意二进制数据的方法，常用于在Web上进行数据传输时编码数据。而二进制数据通常是指未编码的原始数据格式。在JavaScript中，可以使用`atob`函数将Base64编码的字符串解码成二进制字符串。

以下是一个示例代码，展示如何在Vue组件中实现这个转换：

<template>
  <div>
    <input v-model="base64String" placeholder="输入Base64字符串" />
    <button @click="convertBase64ToBinary">转换</button>
    <p>转换结果: {{ binaryResult }}</p>
  </div>
</template>

<script>
export default {
  data() {
    return {
      base64String: '',
      binaryResult: ''
    };
  },
  methods: {
    convertBase64ToBinary() {
      // 使用atob函数将Base64字符串转换为二进制字符串
      const binaryString = atob(this.base64String);
      // 保存转换结果
      this.binaryResult = binaryString;
    }
  }
};
</script>

在这个示例中，我们创建了一个文本输入框，允许用户输入Base64字符串，并绑定了一个按钮的点击事件，用于触发转换函数。`convertBase64ToBinary`方法使用`atob`函数将Base64字符串转换为二进制字符串，并将其保存在组件的`binaryResult`数据属性中，以便可以在模板中显示转换结果。

二进制流转化base64

二进制流转化为Base64可以使用不同的方法，下面是几种常见的方法：

方法一：使用FileReader对象
可以使用FileReader对象的readAsDataURL方法将二进制流转化为Base64编码的字符串。示例代码如下：

function convertBinaryToBase64(binary) {
  return new Promise((resolve, reject) => {
    const reader = new FileReader();
    reader.onloadend = () => {
      resolve(reader.result);
    };
    reader.onerror = reject;
    reader.readAsDataURL(binary);
  });
}

// 调用方法
const binaryData = ...; // 二进制流数据
convertBinaryToBase64(binaryData)
  .then(base64Data => {
    console.log(base64Data);
  })
  .catch(error => {
    console.error(error);
  });

方法二：使用btoa函数
可以使用btoa函数将二进制流转化为Base64编码的字符串。示例代码如下：

function convertBinaryToBase64(binary) {
  let binaryString = '';
  const bytes = new Uint8Array(binary);
  for (let i = 0; i < bytes.length; i++) {
    binaryString += String.fromCharCode(bytes\[i\]);
  }
  return btoa(binaryString);
}

// 调用方法
const binaryData = ...; // 二进制流数据
const base64Data = convertBinaryToBase64(binaryData);
console.log(base64Data);

方法三：使用TextDecoder对象
可以使用TextDecoder对象将二进制流转化为字符串，然后再使用btoa函数将字符串转化为Base64编码的字符串。示例代码如下：

function convertBinaryToBase64(binary) {
  const decoder = new TextDecoder('utf-8');
  const text = decoder.decode(binary);
  return btoa(text);
}

// 调用方法
const binaryData = ...; // 二进制流数据
const base64Data = convertBinaryToBase64(binaryData);
console.log(base64Data);

以上是三种常见的将二进制流转化为Base64的方法，你可以根据自己的需求选择其中一种方法来实现。
#### 引用[.reference_title]
- *1* [前端二进制流转base64 （亲测有效）](https://blog.csdn.net/m0_60067716/article/details/124606097)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v91^insertT0,239^v3^insert_chatgpt"}} ] [.reference_item]
- *2* [js 二进制流转换base64图片](https://blog.csdn.net/qq_36529240/article/details/128610016)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v91^insertT0,239^v3^insert_chatgpt"}} ] [.reference_item]
- *3* [前台接收后台传过来的二进制文件流（二进制转为base64）](https://blog.csdn.net/weixin_43878003/article/details/99285925)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v91^insertT0,239^v3^insert_chatgpt"}} ] [.reference_item]
[ .reference_list ]