Так вот у меня есть маленькая стрелка которую я хочу показывать во многих местах html страницы.
создал картинку
img= $('<img/>', {
src: 'data:image/png;base64,~',
title: 'картинка'
});
добавляю в разные места на странице методом $('разные div').append(img);
и получается так что если я его добавлю в другой <div>оно пропадет из предыдущего .
а если
let strImg = '<img src="/img/img.png" />';
$('первый div').append(strImg );
$('второйdiv').append(strImg );
то все как надо!
Браузер загружает всего один раз img.png и ссылается на нее со всех мест.
Дело в том что вот так
<img src="data:image/png;base64,~" />
не помогает. браузер все равно назначает плодить в памяти (from memory cache) однотипные объекты.
Как мне ссылаться на созданную картинку первым способом в разных местах html.