Показывать миниатюры в столбцах бэкэнд-модели - PullRequest
0 голосов
/ 01 июня 2018

Я использую OctoberCMS с Laravel.

Я использую File Upload / Media Finder для прикрепления изображения.Я пытаюсь добавить миниатюры в столбцы Backend Model.

Я попробовал следующие инструкции:
https://octobercms.com/forum/post/how-to-display-pictures-in-backend-lists
https://octobercms.com/docs/database/attachments


ФайлЗагрузить

file upload


Миниатюра столбцов

photo


Модель

Имеется в моей модели Catalog.php

public $attachOne = [
    'photo' => 'System\Models\File'
];

In columns.yamal

Поле photo установить частичное и добавить путь .


В частичном _photo.htm У меня

<?php echo $this->photo->getThumb(100, 100, ['mode' => 'crop']); ?>

Ошибка

Я получаю Error: Call to a member function getThumb() on null.

Если я использую <img src="" /> в частичном, он будет отображать пустое изображение в столбцах, но я не знаю, какой php поставить как src.

Ответы [ 2 ]

0 голосов
/ 25 ноября 2018

Вы можете сделать это с помощью ИЗОБРАЖЕНИЯ ИЗОБРАЖЕНИЯ ОКТЯБРЯ в вашем файле columns.yaml

Использование в Backend List

Изменение размера изображения можеттакже может использоваться в списках серверов с типом большого пальца, например,

image:
 label: Image
 type: thumb
 sortable: false

Это работает с:

  • AttachMany (использует первое изображение) Документы
  • AttachOne Документы
  • Документы Mediafinder

Вы также можете по желанию передать ширину (по умолчанию 50), высоту (по умолчанию 50) и следующие опции:

image:
  label: Image
  type: thumb
  sortable: false
  width: 75
  height: 100
  options:
     mode: crop
0 голосов
/ 02 июня 2018

В соответствии с виджетом столбца при использовании частичного it will pass $record variable corresponding to that row, [ не использовать $this там ]

означает для этой строки $recordбудет указывать на текущую запись, чтобы вы могли использовать $record

ваш _photo.htm должен быть таким

<img src="<?php echo $record->photo->getThumb(100, 100, ['mode' => 'crop']); ?>" />
<!-- OR -->
<img src="<?= $record->photo->getThumb(100, 100, ['mode' => 'crop']) ?>" />

update

Если выЕсли вы используете media finder, то вы не можете использовать getThumb для файла, так как это будет просто path for that file , поэтому невозможно resize это изображение, используя getThumb [ Это возможно только с relational attachments (attachMany, attachone etc...) ]

Хотя вы можете использовать это, чтобы показать маленькое изображение

<img height="64" width="64" src="<?= 'https://october-plaza.com/storage/app/media/' 
. $model->photo ?>"` />

Вы можете добавить эту высоту= "64" width = "64" для показа изображения в виде эскиза (но это будет полное изображение, только уменьшенное с использованием атрибутов).

если есть сомнения, прокомментируйте

...