我們在做圖片上傳的時候一般都會生成一張縮圖，這樣做的好處是在客戶端拉取圖片的時候可以更快速的拉取圖片資料，並且可以減少伺服器的頻寬請求。
傳統的做法是在上傳的時候生成一張縮圖，但是這樣做有兩個缺點。1、圖片佔用伺服器空間；2、圖片大小不能隨意更改。
所以這個時候就需要一個動態修改縮圖的方案。下面我介紹下thinkphp5的動態縮圖配置方法。

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，不然輸出的是二進位制程式碼
    }

我們隨意建立一個控制器和一個方法，例如：Image/thumb，呼叫剛剛我們修改的方法，程式碼如下：

public function thumb($path,$width=160,$height=120)
{
    $image = \think\Image::open(trim($path,'/'));
    $image->thumb($width,$height)->preview();
}

2、配置服務端

我們之前已經有過thinkphp隱藏index.php的配置了，這樣加我們新的配置上去就可以了。

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;
}