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-02-20 18:35:21

    Vue加载组件、动态加载组件的几种方式

    组件是Vue.js最强大的功能之一。组件可以扩展HTML元素,封装可重用的代码。在较高层面上,组件是自定义的元素,Vue.js的编译器为它添加特殊功能。在有些情况下,组件也可以是原生HTML元素的形式,以is特性扩展。

  • 2020-02-22 13:58:50

    深入理解 requestAnimationFrame

    在Web应用中,实现动画效果的方法比较多,Javascript 中可以通过定时器 setTimeout 来实现,css3 可以使用 transition 和 animation 来实现,html5 中的 canvas 也可以实现。除此之外,html5 还提供一个专门用于请求动画的API,那就是 requestAnimationFrame,顾名思义就是请求动画帧。 为了深入理解 requestAnimationFrame 背后的原理,我们首先需要了解一下与之相关的几个概念:

  • 2020-02-22 17:35:14

    使用tweenjs写一个发牌的demo

    移动端h5的三大抽奖方式:转盘,老虎机,翻纸牌。 前两样demo比较多,用户也审美疲劳了。这次微信公众号要抽奖,于是调研了下翻纸牌。