laravel圖片上傳,但是圖片較大我們進行裁切處理

 

先說一下裁切擴展

安裝擴展包

  1. Composer 安裝
$ composer require intervention/image
  1. 配置信息

執行以下命令獲取配置信息:

$ php artisan vendor:publish --provider="Intervention\Image\ImageServiceProviderLaravel5"

 打開 config/image.php 文件可以看到只有一個驅動器的選項,支持的值有 GD 庫 和 ImageMagic

開始裁剪

我們將裁切的邏輯寫在 ImageUploadHandler 中,請將以下代碼替換:

app/Handlers/ImageUploadHandler.php

<?php

namespace App\Handlers;

use Image;

class ImageUploadHandler
{
    protected $allowed_ext = ["png", "jpg", "gif", 'jpeg'];

    public function save($file, $folder, $file_prefix, $max_width = false)
    {
        // 構建存儲的文件夾規則,值如:uploads/images/avatars/201709/21/
        // 文件夾切割能讓查找效率更高。
        $folder_name = "uploads/images/$folder/" . date("Ym/d", time());

        // 文件具體存儲的物理路徑,`public_path()` 獲取的是 `public` 文件夾的物理路徑。
        // 值如:/home/vagrant/Code/larabbs/public/uploads/images/avatars/201709/21/
        $upload_path = public_path() . '/' . $folder_name;

        // 獲取文件的後綴名,因圖片從剪貼板裏黏貼時後綴名爲空,所以此處確保後綴一直存在
        $extension = strtolower($file->getClientOriginalExtension()) ?: 'png';

        // 拼接文件名,加前綴是爲了增加辨析度,前綴可以是相關數據模型的 ID
        // 值如:1_1493521050_7BVc9v9ujP.png
        $filename = $file_prefix . '_' . time() . '_' . str_random(10) . '.' . $extension;

        // 如果上傳的不是圖片將終止操作
        if ( ! in_array($extension, $this->allowed_ext)) {
            return false;
        }

        // 將圖片移動到我們的目標存儲路徑中
        $file->move($upload_path, $filename);

        // 如果限制了圖片寬度,就進行裁剪
        if ($max_width && $extension != 'gif') {

            // 此類中封裝的函數,用於裁剪圖片
            $this->reduceSize($upload_path . '/' . $filename, $max_width);
        }

        return [
            'path' => config('app.url') . "/$folder_name/$filename"
        ];
    }

    public function reduceSize($file_path, $max_width)
    {
        // 先實例化,傳參是文件的磁盤物理路徑
        $image = Image::make($file_path);

        // 進行大小調整的操作
        $image->resize($max_width, null, function ($constraint) {

            // 設定寬度是 $max_width,高度等比例雙方縮放
            $constraint->aspectRatio();

            // 防止裁圖時圖片尺寸變大
            $constraint->upsize();
        });

        // 對圖片修改後進行保存
        $image->save();
    }
}

注:ImageUploadHandler 文件中的代碼講解請參考代碼註釋,此次新增 reduceSize() 方法,以及此方法的調用。

以上的 save() 方法中,我們新增了 $max_width 參數,用來指定最大圖片寬度,我們修改 UsersController 的 update() 方法中的調用,修改爲:

控制器調用

public function update(UserRequest $request,ImageUploadHandler $uploader, User $user)
{
    if ($request->avatar) {
        $result = $uploader->save($request->avatar, 'avatars', $user->id,362);
        if ($result) {
            $data['avatar'] = $result['path'];
        }
    }
    $user->update($data);
    return redirect()->route('users.show', $user->id)->with('success', '個人資料更新成功!');
}
發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章