php图片文件、二进制流、base64格式相互转化

2020-01-10 19:42:00

1,php 图片文件、二进制流、base64格式相互转化

$image = 'E:/www/logo.png';  //图片文件地址
 
$type = getimagesize($image)['mime'];    //获取图片类型
$imgData = file_get_contents($image);    //获取图片二进制流
 
//输出二进制图片
ob_clean();    //清除缓冲区,防止出现“图像因其本身有错无法显示'的问题
header("Content-Type:{$type}");
echo $imgData; //输出图片
 
//或者把此文件地址作为img标签src地址输出
//<img src="imgdata.php">

2,二进制流转化为图片文件

$file = "E:/www/logo2.png";
file_put_contents( $file, $imgData);


3,二进制流转化为base64格式图片

$type = getimagesizefromstring($imageData)['mime']; //获取二进制流图片格式
$base64String = 'data:' . $type . ';base64,' . chunk_split(base64_encode($imageData));
 
//格式如:
'data:image/png;base64,iVBORw0...此处省略...RZV0P=';
 
 
//输出图片
echo "<img src='{$base64String }'>";

4,base64格式图片转化为二进制流

//截取data:image/png;base64, 这个逗号后的字符
$array = explode(',', $base64String); 
 
//对截取后的字符使用base64_decode进行解码,此为二进制流图片
$imgData = base64_decode(end($array));  


  • 2020-05-07 13:21:25

    JS中获取 DOM 元素的绝对位置实例详解

    在操作页面滚动和动画时经常会获取 DOM 元素的绝对位置,例如 本文 左侧的悬浮导航,当页面滚动到它以前会正常地渲染到文档流中,当页面滚动超过了它的位置,就会始终悬浮在左侧。

  • 2020-05-07 13:42:13

    场景切换的集合移动,旋转,淡入淡出等

    两个场景(即两个div视图)切换的时候,如果想添加个过渡动画,除了可以使用js来实现,还可以通过CSS3的animation属性来实现。 (注意:Internet Explorer 9 以及更早的版本不支持 animation 属性。)

  • 2020-05-07 13:43:02

    css模拟开关按钮

    之前我们为大家分享过很多款各式各样的CSS3开关切换按钮,很多还是非常富有创意的,比如这里的多组超具创意的CSS3开关切换按钮和纯CSS3灯光开关动画。今天我们要带来另外一款外观很漂亮的纯CSS3开关切换按钮动画,它模拟了电灯的开关,并且在开和关之间切换时按钮的背景会有不同的变化,看起来非常不错。

  • 2020-05-07 18:40:35

    CSS让页面平滑滚动

    凡是需要滚动的地方都加一句scroll-behavior:smooth就好了!