Как обрезать/повернуть изображения до того момента, как будет вызван метод контроллера?

Question

[lexstile]

Кейс: есть сущность "Проекты", у них есть логотип. Нужно сделать изображение квадратным, далее уменьшить его пропорционально до 200х200, после чего повернуть в нужную сторону на основе данных exif.

Как правильно и в каком месте лучше это сделать?
Может быть, есть уже готовые и проверенные решения?

Сразу скажу, что это общий метод обновления/добавления проекта - отдельного метода под изображения не создавали.

Comments

[Сергей delphinpro]

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

Answer 1

[Дмитрий]

В чем вопрос где правильно, если вы уже хотите до вызова контроллера?

Правильно это делать либо в Модели, либо в отдельном сервисе под сохранение моделей. Неправильно это делать в мидлваре (как вы хотите) или в контроллере.

Comments

[lexstile]

Да, я думал разрулить на уровне middleware. Услышал вас, спасибо.
А нет ли у вас примера под рукой, как это грамотно можно выстроить через модель?
Заранее благодарю.

[Дмитрий]

lexstile,

Нет. Но если у вас все просто - то можно так

public function setLogoAttribute(){
//хреначим
}

[lexstile]

Дмитрий, благодарю.

Answer 2

[Григорий Васильков]

Логотип не всегда нужно пережимать в действии "добавление чего-то". Так можно, но не всегда нужно. (Нужно когда у вас жесткое ограничение на место на диске и вам не хочется хранить гигантские двухметровые оригиналы на амазон, т.к. это платно будет за каждый мегабайт)

Разумно ещё иметь функцию "пережать несколько", которая вообще вызывается в фоне, если вы загрузили парсером 10000 категорий, и каждую будете в моменте пережимать - долго очень. Грузанули все, сохранили, запустили в фоне "пережималку", она все пережала. Или вообще не запускали и сделали как напишу ниже.

Размеров может быть совсем не один, а десяток, и поэтому вам нужно загрузить и сохранить оригинал фотки, а затем сделать роут, возвращающий пережатую картинку в нужном размере. Желательно (очень желательно) сделать проверку "секретного ключа" который генерируется под параметры размера, иначе можно ваш сервер напрячь изменением картинки сотни раз, и он будет занят бесполезной работой.

Посмотрите пакет league/glide.

Comments

[lexstile]

Спасибо за советы.

[lexstile]

Я пытался спросить как раз про то, что вы упомянули - https://qna.habr.com/q/1191512
Но мне никто не ответил.

Возникает проблема, когда оставляет лого, то мне его каждый раз отсылать на сервер что ли?
Или что-то дополнительно отсылать, чтобы понять?
Потому что ведь есть и удаление логотипа - если не передаем его.

[Григорий Васильков]

lexstile,

скажем так, если в форме его указали - надо отсылать. столько раз отсылать, сколько нажали отправить.

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

предусматривается сессия. не в смысле прям вот пхп сессия, а некое временное хранилище, куда положим "последний файл залитый юзером"

лучше файлы класть по

uploads/1970-01-01/{user_id}/{form}/{field}/{original_name}_{uniqid()}.{extension}

, пока не привязана модель
(user_id может быть 0, если не авторизован, но так редко бывает, чтобы кто-то позволял хранить чужие фотки анонимусам, это же все таки диск с ограниченным (платным) местом и вероятный ddos)

Файлам добавляется постфикс uniqid(), чтобы три загрузки файла не вызвали коллизию с теми, что есть уже
Соответственно удаление старых для этой формы-поля производится через "поставили новую...хмм. старая была? да. удаляем" и "запросили старую. была? да. устарела? да. удаляем"

После того как форма одобрена, если мы делаем не личный архив пользователя, а админку для других записей, то перекладываем фотку вот сюда например

storage/{model_name}/{model_id}/{original_name}_{uniqid()}.{extension}

Оставлять ли её в uploads - вопрос хороший. Место есть? А точно надо чтобы этот хлам хранился? Ну тогда оставляем. Нет - значит переносим к модельке. Речь о чем - о том, что фотку ещё надо пережимать и резать, чтобы показывать, и полюбому какой-то исходник должен храниться, чтобы его потом и нарезать.

Временные хранилища достаточно легко делать играясь с Symfony\Cache компонентом. Не уверен правда что там можно получить "список устаревших", но попробовать стоит. Потому как для картинок "устарело" означает "удалить файл", а не просто "забыть поле".

Чтобы точно быть уверенным, что пользователь не поменял фотку в форме, а в сессии в этой лежит ещё старая - с формой передается md5 картинки, которая высчитана яваскриптом на клиенте. Этот же md5 передается и на сервер вместе с картинкой при нажатии "применить картинку". Если тот что в форме и тот что прошлый раз отсылался совпадают - значит та же картинка, сабмитим форму и чистим "последнюю загруженную".

Делать ли последнюю загруженную для каждого поля - тоже думать надо, наверное да. типа она не просто "последняя загруженная для всего сайта", а она "последняя загруженная для формы такой-то, поля с именем таким-то". хотя бы потому что в форме может быть несколько полей для картинок, если документы грузить. и форм на странице может быть тоже не одна, например вкладки с тремя разными формами или простто два разных опроса с картинками. Опять же - отсылка md5 для картинки нужна, чтобы отсечь ситуацию, когда юзер вышел с сайта, зашел через пару часов, а у него показано, что он картинку уже загрузил, а он уже и забыл, что это делал. Так что сервер может и помнит "последнюю", но в форме md5 нету и пусть заново шлет.

Вопрос с картинками имеет много сложностей, и по-быстрому не выйдет, я тоже недавно задавал подобный топ, но единого мнения пока не сложилось, каждый пилит под задачу "стараясь ничего не забыть".

Формы вообще зло, даже если на компьютерные игры посмотришь - очень во многих пользовательские интерфейсы очень корявые, потому что писать эти формы, их внешний вид и тд. хоть и легче, чем 3d, но все равно боль...

[lexstile]

Григорий Васильков, спасибо огромное за столь развернутый ответ.