JSP--Base64图片字符串转图片
博客专区 > fajor 的博客 > 博客详情
JSP--Base64图片字符串转图片
fajor 发表于1年前
JSP--Base64图片字符串转图片
  • 发表于 1年前
  • 阅读 250
  • 收藏 1
  • 点赞 0
  • 评论 2
摘要: Base64图片字符串转图片

                                         Base64图片字符串转图片

                    一,问题描述

                              也许是很久很久没有去研究 HTML 了吧,很早前就已经流行 HTML5 了,这让我这个

                        小小白,都不知道咋玩耍了,今天我们来记录下,如何在页面把一个图片的 Base64编码

                        字符串还原成图片

                    二,解决方案

                             我们都知道在HTML中读取一个图片可以直接在 src属性 写图片地址,也可以写二进制流

                             1,直接写地址

                             <img src="http://www.baidu.com/test.png"/>

                            当然啦,这个图片地址不存在,是我瞎编的,这里仅仅只是演示这种写法

                            2,写二进制流

                            假设,你的服务端是Java开发的,然后提供了一个接口来获取图片的二进制流,我们可

                            以写成如下

                            <img src="your java server interface addr"/>

                            3,就是我们今天要说的Base64编码的图片字符串,加入现在你调别人的接口或者你通

                        过在线工具将一张图片编码为Base64的了,那在HTML如何还原呢??请看

                          <img src="data:image/jpeg;charset=utf-8;base64,your base64 code string"/>

                           注意:

                                1,前面这段固定字符串是必须且固定的,你要告诉img元素如何去还原 

                                2,图片格式可以改,比如将 image/jpeg 变为 image/png ...

                                3,你的Base64编码的字符串里面不能含有转义符号,因为小白这次就被坑了,我从

                        别的服务器那里得到的Base64字符串就是含有 "\" 这个转义字符的,所以我把它直接填到

                        上面对应的地方时,浏览器不识别会报如下错误

                                

 

共有 人打赏支持
粉丝 30
博文 60
码字总数 18401
评论 (2)
鸾飞南天门
貌似微信网页版的扫码登录就是用的这样的,扫码以后,头像就是以base64返回的。
fajor

引用来自“鸾飞南天门”的评论

貌似微信网页版的扫码登录就是用的这样的,扫码以后,头像就是以base64返回的。
好像是的,微信不太清楚,我这个是针对实名认证(公安部)返回的东西,进行还原显示的需求,哈哈!
×
fajor
如果觉得我的文章对您有用,请随意打赏。您的支持将鼓励我继续创作!
* 金额(元)
¥1 ¥5 ¥10 ¥20 其他金额
打赏人
留言
* 支付类型
微信扫码支付
打赏金额:
已支付成功
打赏金额: