وبلاگ

کار با وابستگی Image Intervention برای آپلود عکس در لاراول

وابستگی Image Intervention از معروف ترین وابستگی برای آپلود عکس در لاراول است. همین طور که می ببینید که نسخه ۳ این وابستگی تغییرات کلی صورت گرفته است و با کدهای نسخه ۲ آن سازگار نیست و نیاز به تغییراتی دارد.

۱. در جدول users فیلد به نام image ایجاد کنید:

$table->string('image')->nullable();

۲. در فرم فیلد عکس ایجاد کنید:

<div class="col-12">
         <label for="input8" class="form-label">عکس کاربر</label>
         <input type="file" name="image" class="form-control rounded-5 @error('image') is-invalid @enderror" id="input8">
         @error('image')
                <span class="invalid-feedback" role="alert">
                       <strong>{{ $message }}</strong>
                </span>
         @enderror
</div>

۳. وابستگی Image Intervention را نصب کنید که نیازمند PHP 8.1 است.

composer require intervention/image

۴. در ویندوز xampp اکستنشن extension=imagick.so را فعال کنید و در لینوکس دستور زیر را برای نصب Imagick وارد کنید:

sudo apt install php-imagick
php -m | grep imagick
sudo systemctl restart apache2

۵. یک تابع saveImage در User.php ایجاد کنید:

use Intervention\Image\ImageManager;

public static function saveImage($file)
    {
        if ($file){
            $name = $file->hashName();

            $smallImage = ImageManager::imagick()->read($file->getRealPath());
            $bigImage = ImageManager::imagick()->read($file->getRealPath());
            $smallImage->resize(256, 256, function ($constraint){
                $constraint->aspectRatio();
            });

            Storage::disk('local')->put('users/small/'.$name, (string) $smallImage->encodeByMediaType('image/jpeg', 90));
            Storage::disk('local')->put('users/big/'.$name, (string) $bigImage->encodeByMediaType('image/jpeg', 90));

            return $name;

        }else{
            return "";
        }
    }

۶. کد زیر در UserController.php وارد کنید:

public function store(Request $request)
    {
        $image = User::saveImage($request->image);

        User::query()->create([
            'name' => $request->name,
            'email' => $request->email,
            'mobile' => $request->mobile,
            'password' => bcrypt($request->password),
            'image' => $image,
        ]);

        return to_route('users.index');
    }

۷. در قسمت config/filesystem.php کد زیر را وارد کنید:

'local' => 
[
   'driver' => 'local',
   'root' => public_path('images'),
   'throw' => false,
],

۸. برای نمایش عکس کاربر کد زیر را وارد کنید:

@foreach($users as $index=>$row)
<figure>
       <img src="{{asset('images/users/small/' .$row->image)}}" class="rounded-4" width="52px">
</figure>
@endforeach

موفق باشید 🙂

پیوند منابع