Загрузить одно и то же изображение в разных размерах - Dropzonejs

Question

Есть ли возможность загрузить файл с разными размерами в DropzoneJs?Я использую vue-dropzone, который сделан с dropzonejs, и мне нужно загрузить один и тот же файл с другим размером для srcset.

Пример: я хочу загрузить файл test.png, который имеет размер 1000x500 пикселей.Есть ли возможность загрузить его одновременно в оригинальном разрешении, а также в 500x250px?

Answer 1

Изменение размера изображения в браузере давно стало привычным делом. Веб-сборки - это путь в будущее для ресурсоемких задач в веб-приложениях.Я наткнулся на этот проект на днях.Это выглядит фантастически, и я действительно не могу дождаться, чтобы вырезать наше запеченное изображение, изменяя размеры с помощью canvas, и заменить его следующим:

Обычная причина для этого - избегать больших загрузок.Немного странно хотеть изменить размер в браузере, а затем загрузить оригинал.Вы могли бы лучше изменить размер на сервере.Вы сэкономите пропускную способность, и библиотеки сервера станут более зрелыми, чем то, что доступно на клиенте.

Answer 2

Наряду с исходным объектом изображения вы можете добавить еще одно ваше изображение с измененным размером в массив изображений, используя конфигурацию изменения размера в dropzone.Вы можете сделать вышеописанное событие drop или adddedFile в dropzone.