html « embedded images »


Source (English): http://www.techerator.com/2011/12/how-to-embed-images-directly-into-your-html/

Principe: convertir les images en base 64

Implémentation (exemple):

1. Convertir les images en base64 et les mettre dans une variable JavaScript chacune en les préfixant bien du type de data eg. « data:image/png;base64, », par exemple :

<script> var imgContent = « data:image/png;base64,monimagePNGencodeeenbase64 »; < /script>

2. Placer une balise image dans la page HTML, par exemple :

<img id= »imageTest » />

3. Assigner avec JavaScript la source de l’image sur l’élément image (balise img)contenant les images, par exemple :

<script> document.getElementById(« imageTest »).src=imgContent; < /script>

  1. Pas encore de commentaire.

Vous devez être connecté pour poster un commentaire.