data/base64个人站长用到的比较多了我经常看到它们会把图片生成data/base64数据然后输入了,这个看到的是一个很长的字符串了,那么下面我们就来看这种图片展示以php输入的方法哦。
我们来看看data/base64是什么吧
什么是data:image/*;base64?
答:这是Data URI scheme。
还不懂?
Ps:Data URI scheme是在RFC2397中定义的,目的是将一些小的数据,直接嵌入到网页中,从而不用再从外部文件载入。
例如:
data:image/png;base64, iVBORw0KGgoAAAANSUhEUgAAAAEAAAAkCAYAAABIdFAMAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAHhJREFUeNo8zjsOxCAMBFB/ KEAUFFR0Cbng3nQPw68ArZdAlOZppPFIBhH5EAB8b+Tlt9MYQ6i1BuqFaq1CKSVcxZ2Acs6406KUgpt5/ LCKuVgz5BDCSb13ZO99ZOdcZGvt4mJjzMVKqcha68iIePB86GAiOv8CDADlIUQBs7MD3wAAAABJRU5ErkJggg%3D%3D。
将这些字符复制黏贴到火狐的地址栏中并转到,就能看到它了,一张1X36的白灰png图片。
在上面的Data URI中,data表示取得数据的协定名称,image/png 是数据类型名称,base64 是数据的编码方法,逗号后面就是这个image/png文件base64编码后的数据。
目前,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图片数据
base64简单地说,它把一些 8-bit 数据翻译成标准 ASCII 字符,网上有很多免费的base64 编码和解码的工具,在PHP中可以用函数base64_encode() 进行编码,如
echo base64_encode(file_get_contents('emtalk.png'));
目前,IE8、Firfox、Chrome、Opera浏览器都支持这种小文件嵌入。
写个简单的小函数:
header('Content-type:text/html;charset=utf-8');
function image_base64($image_file){
if(empty($image_file))return false;
$image_info = getimagesize($image_file);
$base64_image_content = "data:{$image_info['mime']};base64," . chunk_split(base64_encode(file_get_contents($image_file)));
return $base64_image_content;
}
?>
并且掌握了PHP生成代码,那么今天逐风君再给小伙伴们带来一个,把data:image/;base64数据流转化回图片文件的处理方法(函数):
/**
* 反编译data/base64数据流并创建图片文件
* @author Lonny ciwdream@gmail.com
* @param string $baseData data/base64数据流
* @param string $Dir 存放图片文件目录
* @param string $fileName 图片文件名称(不含文件后缀)
* @return mixed 返回新创建文件路径或布尔类型
*/
function base64DecImg($baseData, $Dir, $fileName){
// 前台访问URL API
$__URL__= 'http://emtalk.net/';
// 服务器根目录绝对路径获取API
$__root__=isset($_SERVER['DOCUMENT_ROOT'])?$_SERVER['DOCUMENT_ROOT']:(isset($_SERVER['APPL_PHYSICAL_PATH'])?trim($_SERVER['APPL_PHYSICAL_PATH'],"\\"):(isset($_['PATH_TRANSLATED'])?str_replace($_SERVER["PHP_SELF"]):str_replace(str_replace("/","\\",isset($_SERVER["PHP_SELF"])?$_SERVER["PHP_SELF"]:(isset($_SERVER["URL"])?$_SERVER["URL"]:$_SERVER["SCRIPT_NAME"])),"",isset($_SERVER["PATH_TRANSLATED"])?$_SERVER["PATH_TRANSLATED"]:$_SERVER["SCRIPT_FILENAME"])));
// 上诉两个变量,依据实际情况自行修改
try{
$expData = explode(';',$baseData);
$postfix = explode('/',$expData[0]);
if( strstr($postfix[0],'image') ){
$postfix = $postfix[1] == 'jpeg' ? 'jpg' : $postfix[1];
$storageDir = $Dir.DIRECTORY_SEPARATOR.$fileName.'.'.$postfix;
$export = base64_decode(str_replace("{$expData[0]};base64,", '', $baseData));
$returnDir = str_replace(str_replace('/','\\',$__root__),'',$storageDir);
try{
file_put_contents($storageDir, $export);
return $__URL__.$returnDir;
}catch(Exception $e){
return false;
}
}
}catch(Exception $e){
return false;
}
return false;
}
代码看懂没?这只是个简单的小示例,通过代码优化、调整这个函数还可以实现data:image/;base64数据不同数据类型文件的还原呦!