预加载img并将src插入另一个img中，而无需重新加载它

Question

I'm trying to preload an image via javascript and insert it into another image at the right moment without a new fetch.

Unfortuantely, when I replace the src of an img with the preloaded src, the image gets reloaded and chrome doesn't use the cashed one. What can I do?

This is how I preload the image:

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

and later I'm inserting it like this:

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

Thanks!

Answer 1

Actually this code works fine. I was using a preprocessor that would prohibit caching. On the server everything works fine