如何获取图片的base64编码
2024-09-05 19:30:19
1.准备一张图片,比如1.gif
2.使用chrome浏览器,新建立一个窗口,然后将a.png拖动至浏览器窗口里面,打开控制台(检查),最后点击source
3.使用方法:
注意source获取的一串字符串码,前面要加上base64编码的前缀,才能正常使用,下面是一个例子:
//在css里的写法
#fkbx-spch, #fkbx-hspch {
background: url(data:image/gif;base64,R0lGODlhHAAmAKIHAKqqqsvLy0hISObm5vf394uLiwAAAP///yH5B…EoqQqJKAIBaQOVKHAXr3t7txgBjboSvB8EpLoFZywOAo3LFE5lYs/QW9LT1TRk1V7S2xYJADs=) no-repeat center;
}
//在html代码img标签里的写法
<img src="data:image/gif;base64,R0lGODlhHAAmAKIHAKqqqsvLy0hISObm5vf394uLiwAAAP///yH5B…EoqQqJKAIBaQOVKHAXr3t7txgBjboSvB8EpLoFZywOAo3LFE5lYs/QW9LT1TRk1V7S2xYJADs=">
由此两个文件可以看出,加上的前缀是: data:image/gif;base64, + 浏览器拿到的 base64编码
最新文章
- angular2系列教程(二)模板语法
- nrm NPM源管理工具
- SQL Server 创建数据库邮件
- SQL多行转多列
- 从linux系统mysql导出数据库
- 对git的初步认识
- cookie机制
- javascript中bind,apply,call的相同和不同之处
- 纠错记录(Could not open the editor: Android XML Editor cannot process this input.)
- OpenStack_I版 6.Neutron部署
- 资料--Linux开发
- jQuery函数学习
- CRM公海自动回收规则
- Oracle篇 之 数据操作
- mybatis调用存储过程,获取返回的游标
- maven中可以直接引用的java系统属性和环境变量属性
- 关于webconfig的记录恢复本
- (二)Lua脚本语言入门(关于函数)
- EL和OGNL表达式的区分
- Maximum execution time of 30 seconds exceeded解决错误方法