请选择 进入手机版 | 继续访问电脑版
帖子
帖子
用户
博客
课程
显示全部楼层
29
帖子
0
勋章
468
Y币

base64展示

[复制链接]
发表于 2022-6-21 08:52:15
各位老师,生成base64数据后,我不知道怎么把它展示出来,也不知道怎么把它保存成图片文件。关于文件的控件和函数我看到都是使用url的。

本帖子中包含更多资源,您需要 登录 才可以下载或查看,没有帐号?立即注册

X
141
帖子
2
勋章
4万+
Y币
可以试一下这样  元数据添加一个大文本字段存储base64编码,页面设计器中拖放一个静态图片组件
   
  1. let imgDiv = document.getElementsByClassName('basic-picture-control')[0];
  2.     let img = document.createElement("img");
  3.     img.src = 'data:image/png;base64,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';
  4.     imgDiv.appendChild(img);
复制代码

141
帖子
2
勋章
4万+
Y币
上述代码 是获取到静态图片组件div,然后给他增加<img src="">,就可以显示了
29
帖子
0
勋章
468
Y币
谢谢这位老师
yonyouhmm · 2022-6-21 18:50上述代码 是获取到静态图片组件div,然后给他增加,就可以显示了
您需要登录后才可以回帖 登录

本版积分规则