Javascript 下载图像供以后使用（指南）

我正在搜索的是一种方法，它允许我在用户的浏览器中下载图像以供以后使用。图像将在鼠标悬停事件中激活。问题是，我不想只在用户悬停时下载图像，因为这会产生不良影响。它必须在加载站点时下载

有什么建议吗

---

[编辑]谢谢您的建议！我不敢相信我忽略了明显的答案，而寻找复杂的答案

执行此类图像“预加载”的常见方法是使用JavaScript

image

对象

var i = new Image;
i.onload = function() {
  console.log("Image: " + this.src + " loaded");
}
i.src = 'uri/to/file';

使用类似于：

<img src="myImage.jpg" class="hidden" />

并将CSS中的类

.hidden

的显示设置为

none

。然后它将被下载，不会显示

---

然后，当您开始使用该映像时，它已经在客户端上了。

您要查找的是所谓的预加载程序。 您有两个选项，可以根据CSS（）或JavaScript（）执行。其中一种解决方案应能提供您想要的结果。

检查此解决方案：

---

选中此项

只需将所有图像放在一个隐藏的div中。图像将自动加载并缓存在浏览器中。因此，当您将图像再次加载到鼠标上时，不会产生“不良影响”

 <div style="display:none;">
          <img src="url"  />
    </div>