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);
      };
    },
  },
};

以上关于Vue如何将图片转化为base64的文章就介绍到这了，更多相关内容请搜索码云笔记以前的文章或继续浏览下面的相关文章，希望大家以后多多支持码云笔记。