预加载 img 并将 src 插入另一个 img 而不重新加载它答案

【问题标题】：Preloading img and inserting src into another img without reloading it预加载 img 并将 src 插入另一个 img 而不重新加载它
【发布时间】：2017-10-20 17:55:17
【问题描述】：

我正在尝试通过 javascript 预加载图像并在适当的时候将其插入到另一个图像中，而无需进行新的提取。

不幸的是，当我用预加载的 src 替换 img 的 src 时，图像会重新加载，并且 chrome 不会使用已兑现的图像。我能做什么？

这是我预加载图像的方式：

if (document.images) {
    this.img = new Image();
    this.img.src = "img/img.jpg";
}

后来我像这样插入它：

this.poster.src = this.img.src;

谢谢！

【问题讨论】：

您的图片源文件名是否与预加载和获取的图片相同？如果是这样，那是你的问题。要破坏缓存并强制更改图像，您的文件名需要不同，以便浏览器退出并获取新图像。
不，我想缓存图片并在不重新加载的情况下插入

标签： javascript html image dom preloading

【解决方案1】：

实际上这段代码运行良好。我正在使用一个禁止缓存的预处理器。在服务器上一切正常

【讨论】：