Как изменить размер размер изображения (именно файла) с помощью JQuery?

Загружаю картинку и с помощью FileReader получаю его URI.
// Создаем новый экземпляра FileReader
            var fileReader = new FileReader();
            // Инициируем функцию FileReader
            fileReader.onload = (function(file) {

                return function(e) {
                    // Помещаем URI изображения в массив
                    dataArray.push({name : file.name, value : this.result});

                    addImage((dataArray.length-1));
                };

            })(files[index]);
            // Производим чтение картинки по URI
            fileReader.readAsDataURL(file);

Но, когда картинка достаточно большая, то получаемый URI огромный и браузер нещадно зависает:) Каким образом можно изменить разрешение (размер, например, была 3000х3000, стала 500х500px) файла до его кодирования, чтобы получить более лёгкую картинку?
Есть ли способы сделать это стандартными средствами, не подключая доп. библиотеки?
  • Вопрос задан
  • 3202 просмотра
Пригласить эксперта
Ответы на вопрос 1
TekVanDo
@TekVanDo
Javascript Developer
Можно пропустить изображение через canvas (jsfiddle.net/robertc/LjhdU), после чего отправить на backend изображение в base64
Ответ написан
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы
summer Ярославль
от 100 000 до 140 000 ₽
КРАФТТЕК Санкт-Петербург
от 60 000 до 80 000 ₽
19 апр. 2024, в 11:14
65000 руб./за проект
19 апр. 2024, в 11:08
5000 руб./за проект
19 апр. 2024, в 10:59
150000 руб./за проект