js把本地图片或项目内的图片转为base64编码

最新推荐文章于 2024-09-03 16:41:20 发布

芈鹿

最新推荐文章于 2024-09-03 16:41:20 发布

阅读量1.6k

点赞数

分类专栏： JS vue 文章标签： base64编码

本文链接：https://blog.csdn.net/qq_43627981/article/details/103127107

版权

JS 同时被 2 个专栏收录

18 篇文章 4 订阅

订阅专栏

vue

12 篇文章 0 订阅

订阅专栏

 const imgUrl="static/logo.png"
getBase64(imgUrl) {
     
      window.URL = window.URL || window.webkitURL;
      const xhr = new XMLHttpRequest();
      xhr.open("get", imgUrl, true);
      xhr.responseType = "blob";
      xhr.onload = () => {
        if (xhr.status == 200) {
          //得到一个blob对象
          const blob = xhr.response;
          const oFileReader = new FileReader();
          oFileReader.readAsDataURL(blob);
          oFileReader.onloadend = e => {
            const base64 = e.target.result;//base64编码
           
          };
        }
      };
      xhr.send();
    },