Как изменить размер размер изображения (именно файла) с помощью 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
Ответ написан
Ваш ответ на вопрос

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

Похожие вопросы
23 нояб. 2024, в 01:31
1000 руб./за проект
23 нояб. 2024, в 00:16
2000 руб./за проект
22 нояб. 2024, в 23:55
3000 руб./за проект