base64 前端显示 data:image/jpg;base64
创始人
2024-12-27 11:40:42
0

通常base64是后端服务之间传输时常用的一种方式。即把图片流转成了byte数组,再转成一长串字符串(这就是我们看到的base64格式字符串)。

想要还原成图片,后端通常的做法是将base64的字符串转成byte数组,再将byte数组装到流里写出来,就是图片了。

放在前端显示,主需在这字符串前加上data:image/jpg;base64,jpg换成你图片的后缀。

前端有两种显示方式:1.放CSS里,2.放img标签里。

在css里的写法:

#est_switch {  background: url(data:image/jpg;base64,/9j/4AAQSkZJRgABAQAAAQABAAD/4gIoSUNDX1BST0ZJTEUAAQEAAAIYAAAAAAQwAABtbnRyUkdCIFhZWiAAAAAAAAAAAAAAAABhY3NwAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAQAA9tYAAQAAAADTLQAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAlkZXNjAAAA8AAAAHRyWFlaAAPsxpwBwiKNIuGxlOz0WhhpoWCMcALb/iyiLCTt8l10f//Z) no-repeat center; } 

 在html代码img标签里的写法

还有就是迅雷的地址:

thunder://QUFodHRwOi8vNDYuZHVvdGUub3JnL2R1b3RlX3FxLmV4ZVpa

 将斜杠后面base64字符串解析,得到:AAhttp://51.duote.org/duote_qq.exeZZ

 jpg——data:image/jpg;base64

png——data:image/png;base64

gif——data:image/gif;base64

===========================分割线==============================

文章到此已经结束,以下是紫薯布丁

#est_switch {
 background: url(data:image/jpg;base64,/9j/4AAQSkZJRgABAQAAAQABAAD/4gIoSUNDX1BST0ZJTEUAAQEAAAIYAAAAAAQwAABtbnRyUkdCIFhZWiAAAAAAAAAAAAAAAABhY3NwAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAQAA9tYAAQAAAADTLQAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAlkZXNjAAAA8AAAAHRyWFlaAAPsxpwBwiKNIuGxlOz0WhhpoWCMcALb/iyiLCTt8l10f//Z) no-repeat center;
}
 

thunder://QUFodHRwOi8vNDYuZHVvdGUub3JnL2R1b3RlX3FxLmV4ZVpa

相关内容

热门资讯

ia攻略/游戏推荐斗牛房卡出售... 您好!微信新天道/皇豪互娱大厅链接获取房卡可以通过以下几种方式购买: 1.微信渠道:(新天道/皇豪...
分享经验新澳娱低价获取分享房卡... 分享经验新澳娱低价获取分享房卡给大家/新道游房卡在哪领!游戏中心打开微信,添加客服【11385777...
科技实测!斗牛房卡充值先锋大厅... 今 日消息,先锋大厅/新道游房卡添加微信33549083 苹果今日发布了 iOS 16.1 正式版更...
正规平台有哪些,游戏推荐牛牛房... 芙蓉大厅房卡更多详情添加微:33549083、 2、在商城页面中选择房卡选项。 3、根...
三分钟讲述,微信金花房卡找谁拿... 微信斗牛是一款非常受欢迎的棋牌游戏,咨询房/卡添加微信:15984933许多玩家在游戏中会购买房卡来...
实测分享新鸿运获取房卡教程/卡... 来教大家如何使用获取房卡教程房卡充值 添加房卡批售商:微【113857775】复制到微信搜索、直接添...
分享攻略!想找个拼三张房卡在哪... 微信游戏中心:拼三张房卡,添加微信【56001354】,进入游戏中心或相关小程序,搜索“微信拼三张房...
ia攻略/游戏推荐斗牛房卡出售... 微信游戏中心:新九游/飞鹰互娱房卡在哪里买打开微信,添加客服微信【88355042】,进入游戏中心或...
正版授权!金花房卡代理零售西游... 西游联盟是一款非常受欢迎的棋牌游戏,咨询房/卡添加微信:【3329006910】或QQ:332900...
一分钟了解!金花房卡批发玫瑰大... 一分钟了解!金花房卡批发玫瑰大厅/房卡链接怎么获取Sa9Ix苹果iPhone 17手机即将进入量产阶...
实测分享,在哪里买炸金花房卡便... 微信斗牛是一款非常受欢迎的棋牌游戏,咨询房/卡添加微信:86909166许多玩家在游戏中会购买房卡来...
秒懂普及新九方房卡怎么得/皇豪... 来教大家如何使用房卡怎么得房卡充值 添加房卡批售商:微【113857775】复制到微信搜索、直接添加...
分享攻略!微信买链接炸金花房卡... 微信游戏中心:炸金花房卡,添加微信【66336574】,进入游戏中心或相关小程序,搜索“微信炸金花房...
一分钟介绍使用,微信斗牛房卡链... 新众亿金花是一款非常受欢迎的棋牌游戏,咨询房/卡添加微信:160470940许多玩家在游戏中会购买房...
一分钟实测分享新人皇哪里有详细... 第二也可以在游戏内商城:在游戏界面中找到 “微信金花,斗牛链接房卡”“商城”选项,选择房卡的购买选项...
头条推荐!如何购买金花房卡皇后... 头条推荐!如何购买金花房卡皇后大厅/微信链接哪里购买房卡皇后大厅是一款非常受欢迎的游戏,咨询房/卡添...
分享攻略!微信里面拼三张房卡哪... 微信游戏中心:拼三张房卡,添加微信【71319951】,进入游戏中心或相关小程序,搜索“微信拼三张房...
推荐一款!牛牛充值房卡新竹大厅... 新竹大厅是一款非常受欢迎的棋牌游戏,咨询房/卡添加微信:【3329006910】或QQ:332900...
秒懂普及新烛龙有挂吗/金花房卡... 有挂吗是一款非常受欢迎的棋牌游戏,咨询房/卡添加微信:113857776许多玩家在游戏中会购买房卡来...
玩家必备教程,微信炸金花房卡链... 微信炸金花是一款非常受欢迎的棋牌游戏,咨询房/卡添加微信:44346008许多玩家在游戏中会购买房卡...