Javascript在后台下载远程图片

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

目前，服务器向我提供了一个URL（例如：），它将图片发送回浏览器（Servlet将文件发送到输出流）。目前，我只是添加了一个a href超链接来下载图片。 但是如果我想改进这一点，我需要在打开html页面的同时在后台下载图片（缩略图和全尺寸图片），以便在屏幕上显示缩略图

我假设我需要在后台使用AJAX下载图片，并将图片存储在本地临时文件夹中，但如果您有一些示例提供给我，这将非常有用

编辑1： 多亏了基于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;

---

查看链接节点的preload属性。根据图片的具体情况，只需为所有图像添加这些预加载链接就足够了，因为它已经获取图片并将其缓存，直到网页需要呈现它们为止；img.onload=函数（）{console.log（'preload'}；img.src=”http://example.com/image.gif“；