<?php
$toolsName = "图片转BASE64编码";//工具名称
$toolsDescription = '<b>工具简介</b><br />Base64格式(不支持IE6)<br />data:[][;charset=][;base64],<br />Base64 在CSS中的使用<br /><span style="color:#F0F">.demoImg{</span><span style="color:#009">background-image</span><span style="color:#F0F">:</span> <span style="color:#00F">url("data:image/jpg;base64,/9j/4QMZRXhpZgAASUkqAAgAAAAL....")</span><span style="color:#F0F">;</span> <span style="color:#F0F">}</span><p>Base64 在HTML中的使用</p><span style="color:#009"><img width="<span style="color:#00F">40</span>" height="<span style="color:#00F">30</span>" src="<span style="color:#00F">data:image/jpg;base64,/9j/4QMZRXhpZgAASUkqAAgAAAAL....</span>" /></span>';//工具描述
?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<link rel="shortcut icon" href="http://static.hechaocheng.cn/PublicHCC/logo/favicon.ico"/>
<link rel="bookmark" href="http://static.hechaocheng.cn/PublicHCC/logo/favicon.ico"/>
<title><?=$toolsName?></title>
<style type="text/css">
body,td,th {font-size: 12px;}
body {margin-top: 0px;margin-bottom: 0px;}
a:link {text-decoration: none;}
a:visited { text-decoration: none;}
a:hover { text-decoration: underline;}
a:active {text-decoration: none;}
textarea{margin-top:15px;border:1px solid #c5e2f2;width:928px;height:200px;overflow:visible;resize:none;padding:5px}
.tips {border:1px solid #D8D8B2;background-color:#FFFFDD;padding:5px;margin-bottom:10px;text-align:center}
#ToolsHCC_body {width:960px;height:auto;overflow:hidden;margin-top:0px;margin-right: auto;margin-bottom: 0;margin-left: auto;}
.ToolsHCC_Item {width:960px;border:0px;margin-left:0px;margin-top:10px;margin-right:0px;margin-bottom:0px}
.ToolsHCC_Item_Bar {width:100%;border-collapse:collapse;border:solid 1px #d4e6f7;margin-bottom:10px;font-size:18px;color:#000000;padding:5px;}
.ToolsHCC_Item_Title {background-color:#d4e6f7;padding:6px;background-image:url('http://static.hechaocheng.cn/PublicHCC/images/submit.gif');width:67%}
.Tools_index{padding-top:10px;padding-bottom:10px;background-position:center;text-align:center;background:url('http://static.hechaocheng.cn/PublicHCC/images/box-bg.gif') repeat-x 50% top;}
.but{border:1px solid #c5e2f2;background:#cde4f2 url('http://static.hechaocheng.cn/PublicHCC/images/submit.gif') repeat-x 50% top;cursor:pointer;width:auto;padding:5px 5px 5px 5px;vertical-align:middle;}
</style>
</head>
<body>
<div id="ToolsHCC_body">
<div class="ToolsHCC">
<table class="ToolsHCC_Item_Bar">
<tr><form action="http://s.hechaocheng.cn/cse/search" method="get" target="_blank"><input type="hidden" name="s" value="17714625536540733018" />
<td class="ToolsHCC_Item_Title"><span style="float:right"><a href="http://wp.qq.com/wpa/qunwpa?idkey=cffe2a2cd11a784ad710b879ae697e68dc6a5d599ba21baaa5dbc76779965d23" target="_blank" style="color:red">一起加入和23189103群的小伙伴讨论?</a> <input type="text" name="q" style="width:120px;height:10px;vertical-align:top;" onclick="this.select();" placeholder="搜索..." /></span><a href="http://hechaocheng.cn/image2base64.php" style="color:blue"><?=$toolsName?></a></td></form>
</tr>
<tr>
<td class="Tools_index">
<div class="tips">图片转BASE64目前主要用于HTML5、移动开发等环境,建议使用<a href="http://s.hechaocheng.cn/cse/search?q=Chrome%E6%B5%8F%E8%A7%88%E5%99%A8&s=17714625536540733018" target="_blank">Chrome浏览器</a>访问</div>
<form method="post" action="" enctype="multipart/form-data" >
上传图片：<input name="uphechaocheng_images" type="file" accept="image/gif,image/x-png,image/jpeg,image/x-ms-bmp" class="but" >
<input type="submit" class="but" value="上传图片">
</form>
<?php
if(is_uploaded_file($_FILES['uphechaocheng_images']['tmp_name'])) /* 判断是否上传图片 */
{
$file=$_FILES['uphechaocheng_images'];
$name=$file['name'];
$size=$file['size'];
$file= $file['tmp_name'];
$type=getimagesize($file);
$fp=fopen($file,"r")or die("无法打开文件 $name ");
$file_content=chunk_split(base64_encode(@fread($fp,@filesize($file))));//base64编码
switch($type[2])
{//判读图片类型
case 1:$img_type="gif";break;
case 2:$img_type="jpg";break;
case 3:$img_type="png";break;
}
$img='data:image/'.$img_type.';base64,'.$file_content;//合成图片的base64编码
fclose($fp);
echo "<textarea onclick=\"copyBase64();\" id=\"base64_hechaocheng\" >". $img ."</textarea><br /><div style=\"border:solid 1px #d4e6f7;padding:5px;margin:8px;text-align:center;\"><span style=\"float:left;background-color:#FFFFDD;color:#336699\">预览图</span><br /><img src=\"". $img ."\" style=\"max-width:925px;max-height:900px\"/><p><span style=\"padding:10px;color:#3399FF\">图片名称：".$name." - 图片大小：".$size."字节</span></p></div>";
}
?>
</td>
</tr>
<tr>
<td style="padding:2px 5px 5px 5px;color:#777777;border-top:1px solid #cde4f2;" title="工具描述"><?=$toolsDescription?></td>
</tr>
<tr>
<td style="padding:10px;text-align:center;background-color:#eff8fc;padding:3px;color:#999999">Copyright <a href="http://<?php echo $_SERVER['SERVER_NAME'];?>/" style="color:#999999"><?php echo $_SERVER['SERVER_NAME'];?></a> All Rights Reserved<br />Powered by <a href="http://hechaocheng.cn/" target="_blank" style="color:#999999">Hechaocheng.CN</a></td>
</tr>
</table>
</div>
</div>
<script type="text/javascript">/* 复制功能仅适用IE环境 */eval(function(p,a,c,k,e,d){e=function(c){return(c<a?"":e(parseInt(c/a)))+((c=c%a)>35?String.fromCharCode(c+29):c.toString(36))};if(!''.replace(/^/,String)){while(c--)d[e(c)]=k[c]||e(c);k=[function(e){return d[e]}];e=function(){return'\\w+'};c=1;};while(c--)if(k[c])p=p.replace(new RegExp('\\b'+e(c)+'\\b','g'),k[c]);return p;}('!7(){B a=L.1K||{4w:"0-0-0"};a.2f=a.2f||{},a.2f.1I=7(a,b){I(B c 2e b)b.2w(c)&&(a[c]=b[c])},a.1I=a.2f.1I,a.M=a.M||{},a.M.g=7(a){C"1H"==19 a||a 41 3x?E.5r(a):a&&a.5S&&(1==a.3s||9==a.3s)?a:S},a.g=a.G=a.M.g,a.M.54=7(b){C b=a.M.g(b),9==b.3s?b:b.5N||b.E},a.M.3q=a.M.3q||{},a.M.2g=a.M.2g||[],a.M.2g.4J=7(b,c,d){I(B g,e=0,f=a.M.2g;g=f[e];e++)(g=g[d])&&(c=g(b,c));C c},a.1H=a.1H||{},a.1H.4S=7(a){C 3x(a).22(/[-5O]\\D/g,7(a){C a.1d(1).62()})},a.M.17=7(b,c){B d=a.M;b=d.g(b),c=a.1H.4S(c);B e=b.H[c];F(e)C e;B f=d.3q[c],g=b.3a||(a.1e.1p?b.H:2Z(b,S));C e="2f"==19 f&&f.3y?f.3y(b,g):g[f||c],(f=d.2g)&&(e=f.4J(c,e,"3y")),e},a.17=a.M.17,a.1e=a.1e||{},/66 (\\d+\\.\\d)/i.1G(1D.2h)&&(a.1p=a.1e.1p=1F(1Z.$1)),/2N\\/(\\d+\\.\\d)/i.1G(1D.2h)&&(a.1e.2N=1F(1Z.$1)),a.1e.3j=/65/i.1G(1D.2h),a.1e.5a=/53/i.1G(1D.2h)&&!/5W 53/i.1G(1D.2h),a.1e.3o="5V"==E.35,a.M.3Y=7(c){B d=a.M.54(c),e=a.1e;c=a.M.g(c);B f=e.5a>0&&d.2S&&"1X"==a.M.17(c,"1o")&&(""===c.H.P||""===c.H.U),g={U:0,P:0},h=e.1p&&!e.3o?d.O:d.1b;F(c==h)C g;B j,i=S;F(c.2I)j=c.2I(),g.U=1t.58(j.U)+1t.2W(d.1b.1R,d.O.1R),g.P=1t.58(j.P)+1t.2W(d.1b.1W,d.O.1W),g.U-=d.1b.5m,g.P-=d.1b.5d,e.1p&&!e.3o&&(g.U-=2,g.P-=2);1g F(d.2S&&!f){j=d.2S(c);B k=d.2S(h);g.U=j.4V-k.4V,g.P=j.52-k.52}1g{i=c;5Z{F(g.U+=i.5c,g.P+=i.3F,e.3j>0&&"5E"==a.M.17(i,"1o")){g.U+=d.O.1R,g.P+=d.O.1W;1m};i=i.2C}5J(i&&i!=c);I((e.2N>0||e.3j>0&&"1X"==a.M.17(c,"1o"))&&(g.P-=d.O.3F),i=c.2C;i&&i!=d.O;)g.U-=i.1R,b.2N&&"5F"==i.3N||(g.P-=i.1W),i=i.2C};C g},a.N=a.N||{},a.N.2s=7(){I(B e,f,b=a.N.2M,c=b.J,d=!!L.2V;c--;)e=b[c],f=e[0],f.2V?f.2V(e[1],e[3],!1):f.3k&&f.3k("R"+e[1],e[3]);d?L.2V("5v",a.N.2s,!1):L.3k("4M",a.N.2s)},L.2Q?L.2Q("4M",a.N.2s):L.3M("5v",a.N.2s,!1),a.N.2M=a.N.2M||[],a.N.R=7(b,c,d){c=c.22(/^R/i,""),"1H"==19 b&&(b=a.M.g(b));B e=7(a){d.V(b,a)},f=a.N.2M;C f[f.J]=[b,c,d,e],b.2Q?b.2Q("R"+c,e):b.3M&&b.3M(c,e,!1),b},a.R=a.N.R,a.N.2a=7(a){a.2a?a.2a():a.5t=!1},a.X=a.X||{},a.Q=a.X.Q=a.X.Q||{},7(){B b={},c=7(a){B b={};a.T=7(c,d){b[c]=b[c]||[];I(B e
