js base64转图片

最新推荐文章于 2025-02-23 15:18:23 发布

最新推荐文章于 2025-02-23 15:18:23 发布 · 7.2k 阅读

文章标签：

#js

笔记专栏收录该内容

59 篇文章

订阅专栏

本文介绍了如何从后台接收到的Base64编码图像数据中提取并转换为URL格式，以便在前端显示。通过getBase64函数实现编码转换，并在实验报告中展示了如何在getreport方法中应用此技术。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

后台给的数据带有data:image/jpg;base64,

在这里插入图片描述

    getBase64(base64) {
      var changebase64 = base64.replace(/[\r\n]/g, "");
      console.log(changebase64);
      return changebase64;
    },
    //实验报告
    getreport(id) {
      getAppLabExaminationInfo(id).then((res) => {
        if (res.code == 200) {
        //res.data.filePath 后台传的base64数据
          this.imgurl=this.getBase64(res.data.filePath);
          this.dialogVisible2 = true;
        }
      });
    },

返回数据没有的话，用下面这个

 getBase64(base64) {
      var changebase64 =
        "data:image/jpg;base64," + base64.replace(/[\r\n]/g, "");
      console.log(changebase64);
      return changebase64;
    },

效果图
在这里插入图片描述