解析base64的问题

最新推荐文章于 2024-08-13 10:21:34 发布

「已注销」

最新推荐文章于 2024-08-13 10:21:34 发布

阅读量310

点赞数

分类专栏：技术栏目文章标签： java webstorm 前端

本文链接：https://blog.csdn.net/m0_50400882/article/details/118719397

版权

在制作海报时遇到将后台返回的base64数据转化为动态海报的问题。最初尝试在Java后端解码base64，但遇到错误。后来意识到可以在前端进行解码，找到了对应的前端解码方法，成功将后台传来的base64数据转化为图片。实现了H5和小程序的适配。对于具体代码和详细实现，作者提供了获取帮助的方式。

摘要由CSDN通过智能技术生成

这两天公司需要写一个海报,但是我之前没有做过,我这个前端小白来说是真的有点难度.幸好有之前同事写的代码,但是需要改成动态数据不能写死.
那我的思路就是直接在后台查询数据,解析成base64的数据直接返回…
想象总不是现实,直接报错,没有截图,当时我以为就是base64解码的错误,我就在网页上找到一个图片解码的工具,试了试网页上的可以但是我用java实现的base64解码就不行,那时我就想到了一种可能,就是java对base64解密的姿势不对.但是我找了半天也没有什么好的java实现js的那种解码.最后我一想,为什么我需要在后端解码呢,脑子瓦塔了.于是就想着在前端解码,然后网上一查,很多这样的方法.我直接上代码前端把后台传进来的链接解析成图片

后端传进来的数据在这接收.我这里做了适配,根据自己的需求去写,这个不难就不贴代码了.
在这里插入图片描述

 // #ifdef H5
             convertImgToBase64(imgUrl){
   
                 let that = this
                 window.URL = window.URL || window.webkitURL;
				  console.log("1222333",imgUrl)
                 var xhr = new XMLHttpRequest(