我们在做图片上传的时候一般都会生成一张缩略图,这样做的好处是在客户端拉取图片的时候可以更快速的拉取图片数据,并且可以减少服务器的带宽请求。
传统的做法是在上传的时候生成一张缩略图,但是这样做有两个缺点。1、图片占用服务器空间;2、图片大小不能随意更改。
所以这个时候就需要一个动态修改缩略图的方案。下面我介绍下利用thinkphp5.1的的路由创建一个动态缩略图方法。
1、修改图片处理类
由于tp5自带图片处理类,我们就可以不用再另外写裁剪等方法了,但是tp5的图片处理类没有输出方法,我们复制一份save的方法,另外命名一个preview的方法,稍微修改下用来输出就行了。(此类文件路劲在vendor/topthink/think-image/src/Image.php,如果没有这个类文件请用composer下载。)代码如下:
public function preview($quality = 100, $interlace = true)
{
$type = $this->info['type'];
header('content-type:'.$this->info['mime']);
if ('jpeg' == $type || 'jpg' == $type) {
//JPEG图像设置隔行扫描
imageinterlace($this->im, $interlace);
imagejpeg($this->im, null, $quality);
} elseif ('gif' == $type && !empty($this->gif)) {
imagegif($this->im, null);
} elseif ('png' == $type) {
//设定保存完整的 alpha 通道信息
imagesavealpha($this->im, true);
//ImagePNG生成图像的质量范围从0到9的
imagepng($this->im, null, min((int) ($quality / 10), 9));
} else {
$fun = 'image' . $type;
$fun($this->im, '');
}
exit; //一定要写exit,不然输出的是二进制代码
}
2、配置路由
在route文件夹下面创建一个新路由,利用路由分组路由为未知路径的图片创建一个缩略图输出路由,暂命名为image_route.php,代码如下:
Route::group(['ext'=>'jpg|jpeg|gif|png'],function(Request $request){
$path = $request::path();
preg_match('^(.+\.(.*))!(\d+)x(\d+).*^',$path,$imageData);
if($imageData){
$imagePath = $imageData[1];
$width = $imageData[3];
$height = $imageData[4];
}else{
header("HTTP/1.0 404 Not Found");
exit('image not exist');
}
try{
$image = Image::open($imagePath);//打开原图
$image->thumb($width,$height)->preview();//裁剪和预览
}catch (ImageException $e){
header("HTTP/1.0 404 Not Found");
exit($e->getMessage());
}
});
访问根目录的test.jpg图片,路径:http://domain/test.jpg!320x240.jpg
这个时候我们就会看到一张大小为320x240的缩略图了
到这里就大功告成了!