ThinkPHP5动态生成缩略图,减少流量消耗.

鱼和熊掌不可兼得

哈哈哈,因为动态处理的话流量是省了,但是因为是 PHP 处理的所以会造成物理的丁点损耗(忽略不计)

#composer 安装 think 扩展类
composer require topthink/think-image

由于 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，不然输出的是二进制代码
    }

我们随意创建一个控制器和一个方法，例如：Image/thumb，调用刚刚我们修改的方法，代码如下：

public function thumb($path,$width=160,$height=120)
{
    $image = \think\Image::open(trim($path,'/'));
   #居中方式裁剪(更多请看 Image 类)
    $image->thumb($width,$height,3)->preview();
}

服务端配置

#Apache 配置
<IfModule mod_rewrite.c>
    Options +FollowSymlinks -Multiviews
    RewriteEngine On
    
    #新增配置
    RewriteCond %{REQUEST_FILENAME} !-d
    RewriteCond %{REQUEST_FILENAME} !-f
    RewriteRule ^(.+\.(jpg|jpeg|png|gif))!(\d+)x(\d+).*$ image/thumb?path=$1&width=$3&height=$4
    #新增配置
    
    RewriteCond %{REQUEST_FILENAME} !-d
    RewriteCond %{REQUEST_FILENAME} !-f
    RewriteRule ^(.*)$ index.php/$1 [QSA,PT,L]
</IfModule>



#Nginx 配置

if (!-e $request_filename) {
    #新增配置
    rewrite  ^(.+\.(jpg|jpeg|png|gif))!(\d+)x(\d+).*$ image/thumb?path=$1&width=$3&height=$4;
    #新增配置
    rewrite  ^(.*)$  /index.php?s=$1  last;
    break;
}

访问:http://xxxx.com/Image/thumb?path=test.jpg&width=320&height=240

我们在做图片上传的时候一般都会生成一张缩略图，这样做的好处是在客户端拉取图片的时候可以更快速的拉取图片数据，并且可以减少服务器的带宽请求。
传统的做法是在上传的时候生成一张缩略图，但是这样做有两个缺点。1、图片占用服务器空间；2、图片大小不能随意更改。
所以这个时候就需要一个动态修改缩略图的方案。