Vue如何将图片转化为base64

在 div 写入上传文件的 input 框：

<template>
  <div>
      <div>
          <input type="file" ref="upFile" @change="File()"/>
          <img :src="Bsieks" alt="" style="wigth:500px;height:500px">
      </div>
  </div>
</template>

JS 方法：

export default {
  methods: {
    File() {
      let file = this.$refs.upFile.files[0];
      var reader = new FileReader();
      reader.readAsDataURL(file); //调用自带方法进行转换
      reader.onload = (e) => {
        console.log(e.target.result);
      };
    },
  },
};