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

「点点赞赏,手留余香」

3

给作者打赏,鼓励TA抓紧创作!

微信微信 支付宝支付宝

还没有人赞赏,快来当第一个赞赏的人吧!

声明:
1. 本站所有文章教程及资源素材均来源于网络与用户分享或为本站原创,仅限用于学习和研究。
2. 如果内容损害你的权益请联系客服QQ:1642748312给予处理。
码云笔记 » Vue如何将图片转化为base64

发表评论

IT互联网行业相关广告投放 更专业 更精准

立即查看 联系我们