下载图片供以后使用（指导）

Question

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

有什么建议吗？

[编辑]感谢您的建议！我无法相信我省略了明显的解决方案，并寻找复杂的答案。

Answer 1

执行此类图像“预加载”的常用方法是使用JavaScript Image对象。

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

Answer 2

使用类似：

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

并将CSS中的班级none的显示设置为.hidden。它将被下载，不会显示。

然后，当您使用该图像时，它已经存在于客户端上。

Answer 3

您正在寻找的是预加载器。 您有两个选项，您可以根据CSS（tutorial）或每个JavaScript（tutorial）执行此操作。其中一个解决方案应该可以为您提供所需的结果。

Answer 4

检查此解决方案： "3 Ways to Preload Images with CSS, JavaScript, or Ajax"

Answer 5

选中此Preloading Images in web page

Answer 6

将所有图片放入隐藏的div中。图像将自动加载并缓存在浏览器中。因此，当您在mouseove上再次加载图像时，不会创建“不良影响”

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