Ссылка на строку base64 из другого файла

Question

На моей html-странице я использую закодированное изображение base64 внутри тега image:

<img src="data:image/jpeg;base64,/9j/4AA" />

Фактический код base64 намного длиннее, и я использую его в довольно многих html-файлах.Есть ли способ, которым я могу поместить вышеупомянутое в файл CSS или другой файл, чтобы я мог просто ссылаться на него по имени?

Answer 1

Если вы должны использовать строку base64 вместо двоичного, вы можете сделать что-то вроде css:

.picture {
   background:
     url(data:image/jpeg;base64,/9j/4AA...)
     no-repeat
     left center;
   width: 250px;
   height: 100px;
   display: inline-block;
}

, а затем применить класс рисунка к div в вашем html:

<div class="picture"></div>

См .: https://css -tricks.com / data-uris /

Обновление : вот фрагмент кода, который вставляет изображение в таблицу:

.picture {
   background:
     url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAAdUlEQVQ4ja1TQQ7AIAjjER7EZ+qb5DX7Ezu4RYaaTNCkF2KlRQqgD4cEjBkYKzBeD2qrhTTc/5JjEaQV8oKM9IPcFRk6K8QiPW+SX4Rk7C5V7HmfzMJObjjxgMcCnRii9xvdi2RbZXKESXeexjkWpYhabYzzDXHli0yOvPvwAAAAAElFTkSuQmCC)
     no-repeat
     center;
   display: inline-block;
   width: 16px;
   height: 16px;
}

<table>
  <tr>
    <td>
      <div class="picture"></div>
    </td>
    <td>Another Cell</td>
  </tr>
</table>