您现在的位置是：网站首页> 编程资料编程资料
html中的图片直接使用base64编码后的字符串代替纯html+css实现Element loading效果纯html+css实现奥运五环的示例代码HTML+CSS实现导航条下拉菜单的示例代码html+css实现滚动到元素位置显示加载动画效果纯html+css实现打字效果html+css实现环绕倒影加载特效html输入两个数实现加减乘除功能html中显示特殊符号(附带特殊字符对应表)关于html选择框创建占位符的问题html css3不拉伸图片显示效果
2021-08-30
1394人已围观
简介 网页中的图片是使用base64编码后的字符串代替了，这个叫做Data URI scheme，下面有个不错的示例，大家可以参考下
最近来了一个网页,里面有图片,但是却没有引用外部的图片资源,很好奇.查看代码后发现,里面的图片是使用base64编码后的字符串代替了,这个叫做Data URI scheme.
Data URI scheme支持的类型有：
data:,文本数据
data:text/plain,文本数据
data:text/html,HTML代码
data:text/html;base64,base64编码的HTML代码
data:text/css,CSS代码
data:text/css;base64,base64编码的CSS代码
data:text/javascript,Javascript代码
data:text/javascript;base64,base64编码的Javascript代码
data:image/gif;base64,base64编码的gif图片数据
data:image/png;base64,base64编码的png图片数据
data:image/jpeg;base64,base64编码的jpeg图片数据
data:image/x-icon;base64,base64编码的icon图片数据
自己做了一个简单的页面,点击查看测试页面,大家可以看一下源码.整体上操作如下:
1 base64编码图片
linux下直接可以使用base64+图片路径就可以产生base64编码后的字符串
图片:
使用命令:
base64 android.png
产生的字符串为:
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
9PR
Data URI scheme支持的类型有：
data:,文本数据
data:text/plain,文本数据
data:text/html,HTML代码
data:text/html;base64,base64编码的HTML代码
data:text/css,CSS代码
data:text/css;base64,base64编码的CSS代码
data:text/javascript,Javascript代码
data:text/javascript;base64,base64编码的Javascript代码
data:image/gif;base64,base64编码的gif图片数据
data:image/png;base64,base64编码的png图片数据
data:image/jpeg;base64,base64编码的jpeg图片数据
data:image/x-icon;base64,base64编码的icon图片数据
自己做了一个简单的页面,点击查看测试页面,大家可以看一下源码.整体上操作如下:
1 base64编码图片
linux下直接可以使用base64+图片路径就可以产生base64编码后的字符串
图片:
使用命令:
base64 android.png
产生的字符串为:
复制代码
代码如下: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
9PR
相关内容
- form的默认提交方式修改方法纯html+css实现Element loading效果纯html+css实现奥运五环的示例代码HTML+CSS实现导航条下拉菜单的示例代码html+css实现滚动到元素位置显示加载动画效果纯html+css实现打字效果html+css实现环绕倒影加载特效html输入两个数实现加减乘除功能html中显示特殊符号(附带特殊字符对应表)关于html选择框创建占位符的问题html css3不拉伸图片显示效果
- 在页面中调用搜索引擎以调用百度为例纯html+css实现Element loading效果纯html+css实现奥运五环的示例代码HTML+CSS实现导航条下拉菜单的示例代码html+css实现滚动到元素位置显示加载动画效果纯html+css实现打字效果html+css实现环绕倒影加载特效html输入两个数实现加减乘除功能html中显示特殊符号(附带特殊字符对应表)关于html选择框创建占位符的问题html css3不拉伸图片显示效果
- 使用iframe实现提交表单不刷新页面基于HTML实现表单提交后不刷新页面
- a标签怎么去下划线以及实现点击前和点击后不变色纯html+css实现Element loading效果纯html+css实现奥运五环的示例代码HTML+CSS实现导航条下拉菜单的示例代码html+css实现滚动到元素位置显示加载动画效果纯html+css实现打字效果html+css实现环绕倒影加载特效html输入两个数实现加减乘除功能html中显示特殊符号(附带特殊字符对应表)关于html选择框创建占位符的问题html css3不拉伸图片显示效果
- iframe子页面操作父页面并实现屏蔽页面弹出层效果纯html+css实现Element loading效果纯html+css实现奥运五环的示例代码HTML+CSS实现导航条下拉菜单的示例代码html+css实现滚动到元素位置显示加载动画效果纯html+css实现打字效果html+css实现环绕倒影加载特效html输入两个数实现加减乘除功能html中显示特殊符号(附带特殊字符对应表)关于html选择框创建占位符的问题html css3不拉伸图片显示效果
- iframe节点初始化的问题探讨纯html+css实现Element loading效果纯html+css实现奥运五环的示例代码HTML+CSS实现导航条下拉菜单的示例代码html+css实现滚动到元素位置显示加载动画效果纯html+css实现打字效果html+css实现环绕倒影加载特效html输入两个数实现加减乘除功能html中显示特殊符号(附带特殊字符对应表)关于html选择框创建占位符的问题html css3不拉伸图片显示效果
- 关于使用Textarea的注意事项纯html+css实现Element loading效果纯html+css实现奥运五环的示例代码HTML+CSS实现导航条下拉菜单的示例代码html+css实现滚动到元素位置显示加载动画效果纯html+css实现打字效果html+css实现环绕倒影加载特效html输入两个数实现加减乘除功能html中显示特殊符号(附带特殊字符对应表)关于html选择框创建占位符的问题html css3不拉伸图片显示效果
- HTML页面嵌入视频与JS控制切换视频示例详解纯html+css实现Element loading效果纯html+css实现奥运五环的示例代码HTML+CSS实现导航条下拉菜单的示例代码html+css实现滚动到元素位置显示加载动画效果纯html+css实现打字效果html+css实现环绕倒影加载特效html输入两个数实现加减乘除功能html中显示特殊符号(附带特殊字符对应表)关于html选择框创建占位符的问题html css3不拉伸图片显示效果
- input中id和name属性的区别示例介绍纯html+css实现Element loading效果纯html+css实现奥运五环的示例代码HTML+CSS实现导航条下拉菜单的示例代码html+css实现滚动到元素位置显示加载动画效果纯html+css实现打字效果html+css实现环绕倒影加载特效html输入两个数实现加减乘除功能html中显示特殊符号(附带特殊字符对应表)关于html选择框创建占位符的问题html css3不拉伸图片显示效果
- HTML里面Textarea换行问题总结纯html+css实现Element loading效果纯html+css实现奥运五环的示例代码HTML+CSS实现导航条下拉菜单的示例代码html+css实现滚动到元素位置显示加载动画效果纯html+css实现打字效果html+css实现环绕倒影加载特效html输入两个数实现加减乘除功能html中显示特殊符号(附带特殊字符对应表)关于html选择框创建占位符的问题html css3不拉伸图片显示效果
点击排行
本栏推荐
