javascript base64解码

在 JavaScript 中，可以使用 `atob()` 函数进行 Base64 解码。下面是一个简单的示例：

const encoded = "SGVsbG8gV29ybGQh"; // 要解码的 Base64 字符串
const decoded = atob(encoded); // 解码
console.log(decoded); // 输出 "Hello World!"

需要注意的是，`atob()` 函数只能解码纯文本字符串，如果要解码二进制数据，则需要使用其他方法。

相关问题

vue 图片base64解码

要在Vue中解码图片的Base64编码，可以使用以下步骤：

1. 首先，将Base64编码的图片数据存储在Vue组件的data属性中。

2. 然后，在Vue组件的template中，使用img标签来显示图片，并将src属性设置为data URL格式的Base64编码字符串。

3. 最后，在Vue组件的script中，使用Base64解码库来解码Base64编码的图片数据，并将解码后的数据赋值给data属性中的变量。

下面是一个示例代码，演示如何在Vue中解码图片的Base64编码：

<template>
  <div>
    <img :src="imageDataUrl" />
  </div>
</template>

<script>
import { Base64 } from 'js-base64';

export default {
  data() {
    return {
      imageDataUrl: '',
      base64ImageData: 'Base64编码的图片数据'
    };
  },
  mounted() {
    this.imageDataUrl = 'data:image/png;base64,' + Base64.decode(this.base64ImageData);
  }
};
</script>

在上面的代码中，我们首先引入了Base64解码库，然后在Vue组件的data属性中定义了两个变量：imageDataUrl和base64ImageData。其中，base64ImageData变量存储了Base64编码的图片数据。

在mounted钩子函数中，我们使用Base64解码库来解码base64ImageData变量中的数据，并将解码后的数据赋值给imageDataUrl变量。最后，我们将imageDataUrl变量的值设置为img标签的src属性，以显示解码后的图片。

vue base64解码

以下是使用js-base64插件在Vue项目中进行base64解码的方法：

1.首先安装js-base64插件：

npm i js-base64 --save

2.在Vue组件中引入js-base64插件：

import { Base64 } from 'js-base64'

3.在需要解码的地方使用Base64.decode()方法进行解码：

let encodedStr = 'SGVsbG8gV29ybGQh' // 待解码的字符串
let decodedStr = Base64.decode(encodedStr) // 解码后的字符串为：Hello World!
console.log(decodedStr)