我正在试验brunobar79的JIC(Javascript Image Compressor,并尝试通过直接在页面上使用滑块来视觉压缩图像。我一直在扩展提供的演示,到目前为止,我已经能够上传使用FileReader生成本地图像,然后使用滑块将其压缩为不同的大小,即code and working demo。
但是,我有兴趣对可通过链接检索的远程图像执行压缩,而不是使用FileReader中的本地图像。我尝试创建一个新的Image对象,并将其src设置为所需的图像地址,如下面的代码所示,然后将其放入compress函数中,但它无法正常工作。
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相当陌生,并且对如何解决此问题感到困惑。任何帮助将不胜感激。