需求場景

不同終端（PC端、手機(jī)端、平板），不同界面（列表頁、詳情頁），對圖片大小的要求不一樣， 如果所有場景下都使用同一尺寸的圖片，勢必對會(huì)網(wǎng)絡(luò)帶寬及服務(wù)器性能造成一定的影響，由此需要服務(wù)器端能夠根據(jù)前端的請求參數(shù)，自動(dòng)匹配出相對應(yīng)的圖片資源，以此來降低服務(wù)端的壓力，同時(shí)也能給用戶帶來更友好的用戶體驗(yàn)。

具體步驟如下：

1、開啟apache的rewrite功能，具體方法請自行百度。

2、修改.htaccess

以上配置規(guī)則表示，如果存在對應(yīng)的圖片資源，則由apache直接返回，如果不存在，則轉(zhuǎn)發(fā)給/index.php/api/Attachment/thumbnail處理器去處理。

其它參數(shù)說明：

$1：圖片所屬模塊

$2：圖片上傳日期

$3：原始圖片名稱（不含后綴）

$4：目標(biāo)圖片寬度

$5：目標(biāo)圖片高度

$6：圖片后綴

友情提示：根據(jù)圖片存儲(chǔ)規(guī)則的不同，此處的配置規(guī)則及參數(shù)可以作相應(yīng)的調(diào)整。

3、新增縮略圖處理程序，此處為Attachment 文件，內(nèi)容如下：

4、vendor/topthink/think-image/src/Image.php文件中新增一個(gè)方法，內(nèi)容如下：

5、訪問示例

在瀏覽器中輸入：

http://域名/public/upload/news/20190325/442b8dba3f706cf6822c1255bcaa68de_320_240.jpg

將會(huì)看到一張寬320，高240的圖片。

推薦：《ThinkPHP教程》