Загрузка одно изображение несколько раз

Question

Предполагая, что я загружаю тот же образ в разных местах внутри HTML-файла, как:

<img src="image.png"> 

и после того, как какой-то код, который я загрузить его снова. Это означает, что для загрузки изображений потребуется html двойное усилие? Если да, есть ли способ предварительно загрузить изображение, а затем использовать его столько раз, сколько я хочу, не перезагружая его?

Заранее спасибо за ваши ответы ...

Answer 1

Это не предварительная загрузка изображения, но вы можете добавить изображение, используя метод JavaScript appendChild(), чтобы разместить его, где хотите.

var image1 = new Image(); 
 
image1.src = 'http://placekitten.com/g/200/300'; 
 
document.body.appendChild(image1);

Answer 2

Если они имеют один и тот же реальный путь, то браузер будет кэшировать их.