產生圖片縮圖

11-2 安全檔名

11-4 上傳影片並產生縮圖 next

PHP8入門

11-3 產生圖片縮圖

一、安裝 intervention image 物件

縮圖利用PHP內建的GD圖形函式庫就可以做，但步驟較多，也需要GD函式庫的使用基礎，因此，我們可以用人加寫好的物件來做。
intervention image 官網：http://image.intervention.io/
按 Ctrl+` 開啟終端機，並貼上以下指令執行之：
```
composer require intervention/image
```

二、確定GD函式庫有啟用

預設XAMPP是沒有啟用GD函式庫的，因此，編輯 php.ini
搜尋 gd ，將 ;extension=gd 前的分號刪除，存檔，並重啟Apache即可。

三、讓Composer安裝的物件可以自動引入

開啟 header.php，在最前方引入自動載入檔

<?php
require_once 'vendor/autoload.php';
require_once 'config.php';

try
{
    ...略...
}

這個動作只要做一次即可，以後凡透過Composer安裝的物件都可以直接使用。

四、產生縮圖

編輯 admin/index.php，在最上方加入以下這行，用意是匯入該物件，並可以用比較短名稱的方式來使用物件：
```
<?php
use Intervention\Image\ImageManagerStatic as Image;
```
因為要有縮圖，所以多設定一個$thumb_dest也就是縮圖的存放路徑檔名，也就是說，上傳一張圖後，會產生兩張圖

接著，我們將不再用move_uploaded_file()來搬移檔案，而是改用該物件來產生縮圖，包括原圖也會縮到 1600 大小，小圖則縮到480大小

// 依序讀出檔案
foreach ($_FILES['files']['name'] as $i => $filename) {
    // 若沒檔案就中斷
    if (!$filename) {
        break;
    }

    // 檢查檔案是否上傳成功
    if ($_FILES['files']['error'][$i] === UPLOAD_ERR_OK) {

        // 讓檔案放在文章編號的目錄下，比較方便管理，檢查有無該目錄
        if (!is_dir(_PATH . "/uploads/{$id}")) {
            // 若無建立原檔目錄
            mkdir(_PATH . "/uploads/{$id}");
            // 順便建立縮圖目錄
            mkdir(_PATH . "/uploads/{$id}/thumbs");
        }

        // 暫存檔來源
        $file = $_FILES['files']['tmp_name'][$i];
        // 副檔名
        $ext = pathinfo($filename, PATHINFO_EXTENSION);
        // 圖片的前置字串
        $prefix = date('YmdHis');
        // 原圖欲放置到哪裡
        $dest = _PATH . "/uploads/{$id}/{$prefix}-{$i}.{$ext}";
        // 縮圖欲放置到哪裡
        $thumb_dest = _PATH . "/uploads/{$id}/thumbs/{$prefix}-{$i}.{$ext}";

        // 將原圖縮成1600大圖
        $image = Image::make($file)->resize(1600, 1600, function ($constraint) {
            $constraint->aspectRatio();
            $constraint->upsize();
        })->save($dest);

        // 再將大圖縮成480小圖
        $image = Image::make($dest)->resize(480, 480, function ($constraint) {
            $constraint->aspectRatio();
            $constraint->upsize();
        })->save($thumb_dest);

    } else {
        die("上傳錯誤：{$_FILES['files']['error'][$i]}");
    }
}

make()用來取得原檔，關於 make() 用法，可參考： http://image.intervention.io/api/make
resize()用來做圖片縮放，關於 resize() 用法，可參考： http://image.intervention.io/api/resize
1. aspectRatio()用來做圖片等比例縮放
2. upsize()用來避免圖片放大（原圖較小的情況下）
關於 save() 用法，可參考： http://image.intervention.io/api/save