php实现图片以base64显示的方法达到效果

shisgmei

　　目前Data URI scheme支持的类型有：
　　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图片数据
　　php代码如下：
　　$img_file = 'https://img.alicdn.com/bao/uploaded/TB1eaiELpXXXXcPXpXXSutbFXXX.jpg';
　　$img_info = getimagesize($img_file);
　　$img_src = "data:{$img_info['mime']};base64," . base64_encode(file_get_contents($img_file));
　　exit("<img src='{$img_src}' />");
　　PS：这里再为大家推荐几款在线图片工具供大家参考使用
　　图片转换为Base64编码在线工具：
　　http://tools.iyunv.net/transcoding/img2base64
　　在线Email邮箱图标制作工具：
　　http://tools.iyunv.net/email/emaillogo
　　在线PS图像处理工具：
　　http://tools.iyunv.net/aideddesign/webps
　　在线图片格式转换(jpg/bmp/gif/png)工具：
　　http://tools.iyunv.net/aideddesign/picext
　　ICO图标在线生成工具：
　　http://tools.iyunv.net/aideddesign/ico_img
　　一、分页方法
　　/**
　　* TODO 基础分页的相同代码封装，使前台的代码更少
　　* @param $m 模型，引用传递
　　* @param $where 查询条件
　　* @param int $pagesize 每页查询条数
　　* @return \Think\Page
　　*/
　　function getpage(&$m,$where,$pagesize=10){
　　$m1=clone $m;//浅复制一个模型
　　$count = $m->where($where)->count();//连惯操作后会对join等操作进行重置
　　$m=$m1;//为保持在为定的连惯操作，浅复制一个模型
　　$p=new Think\Page($count,$pagesize);
　　$p->lastSuffix=false;
　　$p->setConfig('header','<li>共<b>%TOTAL_ROW%</b>条记录  每页<b>%LIST_ROW%</b>条  第<b>%NOW_PAGE%</b>页/共<b>%TOTAL_PAGE%</b>页</li>');
　　$p->setConfig('prev','上一页');
　　$p->setConfig('next','下一页');
　　$p->setConfig('last','末页');
　　$p->setConfig('first','首页');
　　$p->setConfig('theme','%FIRST% %UP_PAGE% %LINK_PAGE% %DOWN_PAGE% %END% %HEADER%');
　　$p->parameter=I('get.');
　　$m->limit($p->firstRow,$p->listRows);
　　return $p;
　　}
　　getpage方法可以放在TP框架的 Application/Common/Common/function.php，这个文档可以专门放置一些通用的方法，在哪里都可以调用（如：Controller文件，View文件等）。
　　二、调用分页方法
　　$m=M('products');
　　$p=getpage($m,$where,10);
　　$list=$m->field(true)->where($where)->order('id desc')->select();
　　$this->list=$list;
　　$this->page=$p->show();
　　再是View代码
　　<div>
　　{$page}
　　</div>
　　三、最后就是分页的样式了，这个有些乱，因后台框架网上下载的，样式还没来的及整理，这个样式也可以自己实现，简单的。
　　.pagination ul {
　　display: inline-block;
　　margin-bottom: 0;
　　margin-left: 0;
　　-webkit-border-radius: 3px;
　　-moz-border-radius: 3px;
　　border-radius: 3px;
　　-webkit-box-shadow: 0 1px 2px rgba(0,0,0,0.05);
　　-moz-box-shadow: 0 1px 2px rgba(0,0,0,0.05);
　　box-shadow: 0 1px 2px rgba(0,0,0,0.05);
　　}
　　.pagination ul li {
　　display: inline;
　　}
　　.pagination ul li.rows {
　　line-height: 30px;
　　padding-left: 5px;
　　}
　　.pagination ul li.rows b{color: #f00}
　　.pagination ul li a, .pagination ul li span {
　　float: left;
　　padding: 4px 12px;
　　line-height: 20px;
　　text-decoration: none;
　　background-color: #fff;
　　background: url('../images/bottom_bg.png') 0px 0px;
　　border: 1px solid #d3dbde;
　　/*border-left-width: 0;*/
　　margin-left: 2px;
　　color: #08c;
　　}
　　.pagination ul li a:hover{
　　color: red;
　　background: #0088cc;
　　}
　　.pagination ul li.first-child a, .pagination ul li.first-child span {
　　border-left-width: 1px;
　　-webkit-border-bottom-left-radius: 3px;
　　border-bottom-left-radius: 3px;
　　-webkit-border-top-left-radius: 3px;
　　border-top-left-radius: 3px;
　　-moz-border-radius-bottomleft: 3px;
　　-moz-border-radius-topleft: 3px;
　　}
　　.pagination ul .disabled span, .pagination ul .disabled a, .pagination ul .disabled a:hover {
　　color: #999;
　　cursor: default;
　　background-color: transparent;
　　}
　　.pagination ul .active a, .pagination ul .active span {
　　color: #999;
　　cursor: default;
　　}
　　.pagination ul li a:hover, .pagination ul .active a, .pagination ul .active span {
　　background-color: #f0c040;
　　}
　　.pagination ul li.last-child a, .pagination ul li.last-child span {
　　-webkit-border-top-right-radius: 3px;
　　border-top-right-radius: 3px;
　　-webkit-border-bottom-right-radius: 3px;
　　border-bottom-right-radius: 3px;
　　-moz-border-radius-topright: 3px;
　　-moz-border-radius-bottomright: 3px;
　　}
　　.pagination ul li.current a{color: #f00 ;font-weight: bold; background: #ddd}