whitepottery/up-file

dev-master 2023-10-05 08:03 UTC

This package is not auto-updated.

Last update: 2024-09-19 12:31:54 UTC


README

Установка из composer

composer require whitePottery/up-file

Опубликовать js файлы, вью и миграции необходимые для работы пакета. Вызывать команду:

php artisan vendor:publish --tag=upfile

Выполнить миграцию

   php artisan migrate

В Html.blade файле добавить соответственно в низу стилей @stack('styles') и внизу под скриптами @stack('scripts')

В модели которая будет использовать для обработки постов с изображениями сделать расширение от ImageModel

Пример:

use UpFile\Models\ImageModel;

class Blog extends ImageModel
{

}

В файле в форму в котором будут загружаться изображения вставить в нужном месте компонент. Например: страница админки blog create

<x-upfile-cut-img class="" name="mini-blog" width="500" height="300" max-height="700"/>

страница админки blog edit

<x-upfile-cut-img class="" :post-id="$blog->id" name="mini-blog" width="500" height="300"/>

В файле blade.php в котором будут выводиться изображения нужно вставить компонент например home blog


<x-upfile-print-img name="image-blog" :post-id="$blog->id" class="slider"/>

Файл для редактирования вывода изображений находится в папке: resources/views/vendor/print-img/print-img.blade.php

Атрибуты

Атрибуты компонента <x-upfile-cut-img/>

  • name - название тега+название модели пишется через тире(name-model).
  • :post-id -используется в форме edit для получение данных по id.
  • class-можно добавить css класс к ихзображению.
  • width(height) - высота и ширина миниатюры после обрезки в пикселах.
  • max-width(max-height)- высота или ширина основного изображения после загрузки. если присутствууют оба параметра, то пережатие будет по высоте если max-width или max-height равно "100%" пережатия не будет картинка загрузится в первоначальном размере если не будет ни max-width, ни max-height то выводиться будет картинка которая получится после ручной обрезки.

Атрибуты компонента <x-upfile-print-img/>

  • name - название тега+название модели пишется через тире(name-model).
  • :post-id -используется в форме edit для получение данных по id.
  • class-можно добавить css класс к ихзображению.

Если не создана ссылка на папку storage введите команду:


php artisan storage:link

удаление пакета


composer remove whitePottery/up-file