Javascript在后台下载远程图片

Question

在我的项目中，我需要实现一个图像查看器以在HTML页面上显示存储在服务器上的图片（首先是缩略图，然后单击缩略图将显示全屏图片）。

当前，服务器正在向我提供一个URL（例如：https://testsrv/getImage?id=0），该URL正在将图片发送回浏览器（Servlet将文件发送到OutputStream）。目前，我只是添加一个href超链接来下载可以的图片。 但是如果我想改善这一点，则需要在打开html页面以在屏幕上显示缩略图的同时在后台下载图片（缩略图和全尺寸图片）。

我认为我需要在后台使用AJAX下载图片并将图片存储在本地临时文件夹中，但是如果您有一些示例可以为我提供帮助，那么...

EDIT1： 终于有了一种基于onload服务的评论的方法：

            var image = document.images[0];
        var downloadingImage = new Image();
        downloadingImage.onload = function(){
            image.src = this.src;   
            document.getElementById("img_ref").setAttribute('href', "../../../testSRV/GetPhoto?id="+id_attach);
            console.log('preloaded');
        };
        downloadingImage.src = "../../../testSRV/GetPhoto?id="+id_attach;