javascript - 下载图像供以后使用（指导）

Question

我正在寻找的是一种允许我在用户的浏览器中下载图像以供以后使用的方法。图像将在鼠标悬停（悬停）事件时激活。问题是我不想只在用户悬停时下载图像，因为它会产生不好的效果。它必须在网站加载时下载。

有什么建议么？

[编辑] 谢谢你的建议！我不敢相信我忽略了明显的解决方案并寻找复杂的答案。

score 2 · Accepted Answer

执行这种图像“预加载”的常用方法是使用 JavaScriptImage对象。

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

score 2 · Accepted Answer

使用类似的东西：

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

并将显示设置none为 CSS 中的类.hidden。然后它将被下载并且不会显示。

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

score 2 · Accepted Answer

您正在寻找的是所谓的预加载器。您有两个选择，可以按 CSS（教程）或按 JavaScript（教程）进行。这些解决方案之一应该为您提供您正在寻找的结果。

score 2 · Accepted Answer

2

于 2013-02-07T13:22:56.507 回答

score 2 · Accepted Answer

2

在网页中检查此预加载图像

于 2013-02-07T13:25:34.423 回答

score 1 · Accepted Answer

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

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

6 回答 6