在html页面中直接嵌入图片数据
2015-02-04 16:52
246 查看
在html页面中直接嵌入图片数据
一般情况,通常是在html页面中应用图片的链接,如:
<img src="http://baidu.com/logo.gif">
但是,这样的前提是我们需要将图片先上传到指定的网站,然后获取外链。一方面略麻烦,最主要的是存储图片的网站是否持续的支持外链引用。所以,必要的时候可以将图片直接插入到html页面中。如下
<img src="data:image/png;base64,.......">
其中base64逗号之后的就是将图片经过base64编码后的数据。在mac os中,terminal直接提供了base64编码工具,所以比较方便。此外需要说明的是,容易看到src后面应用的数据实际上个uri数据,对此可参考后面的参考1的介绍。
当然这种嵌入方式不好的地方就是,html文件会很臃肿,同时不能在本地将图片缓存。根据情况,各取所需吧。
参考资料:
1. 图片base64编码利器:在线
Data URI 生成工具 – Duri.me
一般情况,通常是在html页面中应用图片的链接,如:
<img src="http://baidu.com/logo.gif">
但是,这样的前提是我们需要将图片先上传到指定的网站,然后获取外链。一方面略麻烦,最主要的是存储图片的网站是否持续的支持外链引用。所以,必要的时候可以将图片直接插入到html页面中。如下
<img src="data:image/png;base64,.......">
其中base64逗号之后的就是将图片经过base64编码后的数据。在mac os中,terminal直接提供了base64编码工具,所以比较方便。此外需要说明的是,容易看到src后面应用的数据实际上个uri数据,对此可参考后面的参考1的介绍。
当然这种嵌入方式不好的地方就是,html文件会很臃肿,同时不能在本地将图片缓存。根据情况,各取所需吧。
参考资料:
1. 图片base64编码利器:在线
Data URI 生成工具 – Duri.me
相关文章推荐
- 在html页面中直接嵌入图片数据
- Jsp中怎么把数据从数据库导出在页面直接生成html格式??
- 后端直接通过http写数据到html页面
- 在HTML页面中嵌入XML数据
- 在html页面中嵌入flash,让图片遮盖flash的一部分
- Base64编码 及 在HTML中用Base编码直接显示图片或嵌入其他文件类型
- iOS 直接改变.html后缀的链接所对应的html页面样式,并获取html的标题,图片地址,id,内容
- html基础 提交按钮 数据重置按钮 带图片的按钮 普通按钮,点击关闭当前页面
- Base64编码 及 在HTML中用Base编码直接显示图片或嵌入其他文件类型
- data URI scheme(图片直接保存在html页面的方法)
- html上面通过websocket接收二进制图片数据并显示在页面上
- php-curl获取接口图片地址,在php拼接img中无法访问,报403错误,在浏览器url中直接可以访问,html页面里img也可以访问
- html基础 提交按钮 数据重置按钮 带图片的按钮 普通按钮,点击关闭当前页面
- 读取数据库中数据,在页面上直接显示图片(点击该图片变大)
- Base64编码的图片流直接嵌入到页面显示
- 如何把Windows Forms controls嵌入到HTML页面中~
- winform直接显示二进制数据中的图片
- asp.net页面提交数据取的HtmlInputHidden控件值的中文为乱码
- 在html页面用ajax的简单应用通过javascript得到数据库中的图片路径并在表格中显示出来
- 将图片保存到ORACEL数据库和读取数据显示到页面