我们知道一个网页中,要展示图片一般使用<img src="; />,img标签中的src属性值为图片的url链接,但是现在还有一种方式:
<img src="data:image/gif;base64,R0lGODlhAwADAIABAL6+vv///yH5BAEAAAEALAAAAAADAAMAAAIDjA9WADs(。。。太长省略了。。。)" />
这种方式显示图片有什么好处呢?
1.减少了HTTP请求,加快页面加载速度;
2.某些文件可以避免跨域的问题;
3.没有图片更新要重新上传,还要清理缓存的问题;
如何获取图片的base64编码呢?
下面以php作为示范,获取图片的base64编码:
<?php
$img = '换成你自己的图片绝对路径.jpg';
//获取图片信息,主要是取得图片mime信息
$image_info = getimagesize($img);
//将file_get_contents读取得到的文件流信息,进行base64编码
$content = base64_encode(file_get_contents($img));
//组合拼接图片的信息
$base64_content = 'data:'.$image_info['mime'].';base64,'.$content;
echo '<img src="'.$base64_content.'" />';
将上面的代码保存为demo.php存放在服务器根目录,然后访问此文件,会得到下面的效果
新手发文,请多指教!