Перейти к контенту

Введение

Orchid Images это зависимость для Orchid, которая добавляет новые компоненты для отображения картинок, такие как простое изображение, аватар, галереи и карусель.

Orchid проделывает великолепную работу при работе с изображениями - здесь есть такие компоненты, как Cropper, Picture, Upload и обычный Input с типом file. Однако во многих случаях нам нужно только отобразить изображение внутри админ-панели (например, если вы хотите показать превью поста или галерею продукта в админке). Да, можно вернуть сырой HTML, view() с шаблоном blade или использовать компонент Laravel, но не лучше ли использовать компонент, уже адаптированный под использование с Orchid?

Вот пример Orchid того, как можно отобразить изображение в таблице:

TD::make()
->render(fn (Repository $model) =>
"<img src='https://loremflickr.com/500/300?random={$model->get('id')}'
alt='sample'
class='mw-100 d-block img-fluid rounded-1 w-100'>"),

Используя данный пакет, запись выше может быть заменена на

TD::make()
->render(fn (Attachment $attachment) =>
Image::make()->src($attachment->url())
)

Или даже используя отношения

Image::make('post.thumb'), // показать превью поста
Gallery::make('post.attachment'), // показать все картинки, которые прикреплены к посту

Больше примеров в секции Использование данной документации.