vue base64转图片

在Vue中将Base64字符串转换为图片可以使用以下方法：

1. 将Base64字符串转换为Blob对象：

let byteCharacters = atob(base64String);
let byteArrays = [];
for (let i = 0; i < byteCharacters.length; i++) {
    byteArrays.push(byteCharacters.charCodeAt(i));
}
let blob = new Blob([new Uint8Array(byteArrays)], {type: 'image/png'});

2. 将Blob对象转换为URL：

let imageUrl = URL.createObjectURL(blob);

3. 在Vue中使用图片URL：

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

<script>
export default {
  data() {
    return {
      imageUrl: null
    };
  },
  mounted() {
    let byteCharacters = atob(base64String);
    let byteArrays = [];
    for (let i = 0; i < byteCharacters.length; i++) {
        byteArrays.push(byteCharacters.charCodeAt(i));
    }
    let blob = new Blob([new Uint8Array(byteArrays)], {type: 'image/png'});
    this.imageUrl = URL.createObjectURL(blob);
  }
};
</script>