Как обрезать картинки до загрузки на сервер в yii2?

Question

[Суннат Абдухалилов]

Есть форма с подключенной YII2-Images, подключил обрезание картинок после загрузки.
Обнаружил что при загрузке нескольких изображений съедает всю озу на хостинге.
Погуглил нашел что можно изменить настройки сервера, теперь грузит без ошибки но очень долго.
Задача обрезать и сжать картинки (не одну) еще до загрузки на сервер, можно по стандарту
Помогите решить задачу, сам очень долго думал, гуглил но ничего годного не нашел
желательно чтобы были превьюшки и возможность их удалять прям в самой форме

Comments

[Дмитрий]

Добрый день.
Есть расширение для yii2.
Документация.

[Дмитрий]

composer require yiisoft/yii2-imagine

[Dmitry Bay]

slo_nik, там там скорее всего и работает с этой библиотекой imagick.
А парень хочет на фронте обрезать изображение, и уже уменьшенное присылать.
проблема в imagick - это кратковременное использование больших ресурсов.

[Dmitry Bay]

Суннат Абдухалилов - попробуйте использовать апи для работы с изображениями, и вывести эти расчеты на облако.
https://www.blitline.com/v3/home

Либо использовать Vips, на хабре есть статья, и все есть в docker контейнере.

[Суннат Абдухалилов]

slo_nik, я его уже становил и работает у меня вот так

public function uploadGallery(){
        if($this->validate()){
            foreach($this->gallery as $file){
                $path = 'upload/store/'.$file->baseName . '.' . $file->extension;
                $file->saveAs($path);
                Image::resize($path, 800, 800)
                    ->save(($path), ['quality' => 80]);
                $this->attachImage($path);
                @unlink($path);
            }
            return true;
        }else{
            return false;
        }
    }

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

[Суннат Абдухалилов]

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

[Антон]

Суннат Абдухалилов, Тогда вам JS либы смотреть нужно

[Суннат Абдухалилов]

Антон, даже если я найду нужное, как интегрировать это все дело в yii2-images

[Антон]

Суннат Абдухалилов, Не знаком с Yii, но если логически, то ваша библиотека, или что там, должна в основе своей работать с массивом FILES, а иначе как? Так вот, и непонятно совсем, почему не использовать JS библиотеку для обрубки изображений на клиенте, чтобы в итоге в тот же массив FILES уже на сервере было доступно отресайзенное изображение

[Dmitry Bay]

Суннат Абдухалилов, https://stackoverflow.com/questions/10333971/html5...

Проблема в том, что данные вы будете отсылать как png, т.е. размер вы не выиграете.

Answer 1

[Максим Тимофеев]

Задача обрезать и сжать картинки (не одну) еще до загрузки на сервер

Все что до загрузки на сервер - это про js, а значит формулируем правильный вопрос гуглу: js crop image

Обнаружил что при загрузке нескольких изображений съедает всю озу на хостинге.

часто вопрос решается сменой библиотеки GD на imagick Удивитесь насколько меньше кушает ресурсы при обрезке, особенно в случае с png. Часто она уже есть на сервере и надо просто в конфиге вашей библиотеки сменить, например для CostaRico/yii2-images:
'graphicsLibrary' => 'Imagick',
цитирую доку:

'graphicsLibrary' => 'GD', //but really its better to use 'Imagick'