太原网站制作_太原网站建设_太原做网站_秘密武器开发者中心
历史搜索

Vue如何将图片转化为base64

游客2024-12-24 12:33:02

在 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);
      };
    },
  },
};
标签:base64

本文是由用户"游客"发布,所有内容的版权归原作者所有。没有经过书面许可,任何单位或个人不得以任何形式复制、转载、引用本网站的内容。否则将追究法律责任。

相关专题