请选择 进入手机版 | 继续访问电脑版

base64展示

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

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

X

3条回复

yonyouhmm 驾校小白 30Y币
可以试一下这样  元数据添加一个大文本字段存储base64编码,页面设计器中拖放一个静态图片组件
   
  1. let imgDiv = document.getElementsByClassName('basic-picture-control')[0];
  2.     let img = document.createElement("img");
  3.     img.src = 'data:image/png;**.**dJREFUeF7tndt26kAMQ+H/P5qzgJxVSJ1oj3BCoOorjscjy7JnuPR8Op0upzf8XS562fP5LCOb+yHPSKcLBipmsnblgzznxqyeuyKsM6G8GK8rMK8uCTAhgAH+wyMhwAB+irQOYSnRB8IcMg0BBuD6EwRQmxzA68l0Xh1b9UISf1Wp5Dln786+94rlpj7zGWCvxUOAHzoRkjjkmz9TET8EmFA6EvH3iiUK8FAie4FOlG+vWBAByGRbyZM6nrlAqHiIXxIvkVwVC11HtQBnnevaKgchwIsK4CSGEJQkjhCU+JEzgLNJwj4HCHJmJn5pZSqQHWxIfCRxKjaSgyhAFEAfAx2WE/Y5lRAFIHX/**.****.**AXWKRWMjaVgtwHDvPkEp1bCqWk/Nwh40TL5lrHHzpM4f6XgCRQmUTAtDU3+1CgAmvKMAYcV627pLLjsRVvdpRkq49vQzugIPzZauJYyCIJVOSBLIMOb8TIpEjpxq8jgZ3CDDQAkIAUm6NNlGARjAXXEUBogDgpzq2J2K5QhRge+ClArhJIIOXsz01rHUNWSR+FQvdX5cftV55SlGngBBgGdauxHX5CQHMT/ZUwEUBJlSiAH9MAQjzldRUrxOZc/q3em/gdt89+7k5cmNH9kBwIGuryyMSi5u3X0Og60iBEQLcESIkJzkgeKqc3IpjPgSSxYljdWvmthZVLaS6iQ2pOoJDFGDgooVURwhQK4lbuFGAlWFXqdhXKgDZlGPjSCFZx2X+**.**XjEhmyK+FFDoOODHs/**.**yDuxUcQisVQ2ZJ/yzaCjs9ppLQQYAjpJLrF5KwGc/**.**kIsZfORLWB+ETRYkOVEWs0ABByydseMQnyQeNUFDp2FtiIW2kMIUNMOgUeGrJmN0/OdWKrTRDmThAAhwIVI75oNOQUQFpM4iHyrYyrxQeL9ihbQ8QshBFCVFDo3ENAJkTpsyL5Vf3daApX3ue8q3pYPhRIgQoA7AgQrQhqiUCFAR5mv+OhKpioOcitJthoFICgN2IQAE1gECMXyzAA/CL21BTjJJIMMKayOAY/IZdceCalJH3b6ueMXtYAucJxNhQCkTGobl/jyQ6FuSCGAnygH8xBgZR4hPdUB/StagLoKdm/5nFbSoRokkV17IsRybJz+TvZd2cj/GdQFFgkwBNi3bdxOXlGAO+**.**mc4zlBDyvYCSNeA9bjUguZtSs8VWyaWAHslOYXVTPvVuYAhwpJSOxRICLBwNXZUYg//**.**BZmBYwQBKJ5sEMkAIc6RioBseueaTyQyZ6FR8BfE+OqOPl4e4BFMAhwBh9QoABvKIAC2C5E3OHHCIGG3cSaQE/**.**ZAcZQJScb+XmAsSW5tTNkkXuALU8OyveeyqJioZkIAShS4L9+**.**Ejaruq5my+UoFINVD+g9RAKIsyg+J11EWEhshAPHj2LhrSwUggIYAdwTcJDgJnz/jrh0CLKDvEN9NQggwgEBaQA2WS74oQBTg9PRDkWrSpcWq/HQNYsQPidmRfOK3q1d3rfXrjkFdBLnAhAC9Uh0CLCAQBVimBsHm0DMAUR+ySVI9ZC3iR9m4w5ryS47ilc2hCKAmfAeE6zPEL7Fx1398bs83mQipQ4ApOyHABIQa3mgVKD9ECreS9z3X/jV1F19k2QqrKMBAdUcBogBPxdqlPh+vAFTylZ1TYUTClHyquP6/TvwoG0Kad+7JOgVQAJVdCHBHKARYaDUlO8E3f1VVKmJGAU7r7wVQAJVdFOBDFEAlsut1t1+**.**;
  4.     imgDiv.appendChild(img);
复制代码

yonyouhmm 驾校小白 30Y币
上述代码 是获取到静态图片组件div,然后给他增加<img src="">,就可以显示了
小白- 新手上路 140Y币
谢谢这位老师
yonyouhmm · 2022-6-21 18:50上述代码 是获取到静态图片组件div,然后给他增加,就可以显示了
您需要登录后才可以回帖 登录

本版积分规则