Любой метод clientide для повторного использования URI данных один раз, как переменная?

Question

Я работаю над созданием собственного почтового клиента. Я уже успешно показываю вложения и встроенные изображения через URI данных. Мне было интересно, когда-то храниться в данных, если бы я мог назначить данные, такие как изображение, переменной в клиентском коде (будь то XHTML, JavaScript, JSON и т. Д.), Поэтому мне нужно отправить только одну копию для клиента с сервера, сохраняющего полосу пропускания, хотя он может отображать этот контент (снова, например, изображение) несколько раз?

Любые ответы на JavaScript будут приниматься только в том случае, если это реальный JavaScript, без фреймворков.

Также основной целью является передача данных только один раз от клиента к серверу. Однажды в DOM это нормально, если в итоге у нас есть два элемента img.

Бонус вверх-голосования, если кто-то может использовать два img элементов, но с DOM-прежнему ссылаются на тот же единственный, если это возможно, таким образом, экономя память данных URI-на клиенте.

Answer 1

Я задавался вопросом, как только хранится в данных, есть ли способ для меня, чтобы присвоить данные, такие как изображения на переменную в стороне клиента код

Используйте один из следующих методов:

• Вставить данные URI в элементе SVG, то разыменовать это как background-image URL

• Код для вставки данных в URI, элемент сценария, затем разыменования его как dataset собственности

• Храните данные URI в documentFragment, затем обернуть его в функции

Ссылки

• CSS Wikibook:Data-URIs
• HTMLElement.dataset
• play .wav sound file encoded in base64 with javascript