Я экспериментирую с JI C (Javascript Image Compressor от brunobar79 и пытаюсь визуально сжать изображения с помощью ползунка прямо на странице. Я расширил предоставленную демонстрацию и до сих пор я могу загрузить локальное изображение с помощью FileReader и сжать его с разной величиной с помощью ползунка. Это код и рабочая демонстрация .
Однако я Я заинтересован в том, чтобы выполнить сжатие удаленных изображений, которые я могу получить по ссылке вместо использования локальных изображений из FileReader. Я попытался создать новый объект Image и установить его sr c в качестве нужного адреса изображения, как показано в коде ниже. и вставив его в функцию сжатия, но он не работает.
var image = document.getElementById('source_image');
var newImg = new Image;
newImg.onload = function() {
image.src = this.src;
}
newImg.src = 'https://i.ibb.co/Z82P8tc/test0.jpg';
Я довольно плохо знаком с html и javascript и застрял в том, как мне следует подойти к этой проблеме. Любая помощь будет с благодарностью.