Dans ce rapide tutoriel, nous allons voir comment intégrer une image dans un code HTML.
En effet, cela peut-être pratique par exemple pour embarquer du contenu web dans un base de données.
Pour cela, il suffit d’utiliser la balise img, évidemment, ainsi que le codage base64.
En HTML, cela ressemble à ça :
<img src="data:image/png;base64,..." />
Voici un script bash qui permet d’encoder le tout automatiquement, grâce à openssl.
#!/bin/sh if [ $# -eq 0 ]; then echo "Command: ${0} <image file>" exit 1 fi path=$1 source=$(basename ${path}) extension=${source##*.} base=${source%.*} output="${base}.html" base64=$(openssl base64 -in ${path}) echo "<html><head></head><body><img src=\"data:image/${extension};base64,${base64}\" /></body></html>" > $output exit 0
Le script fonctionne ainsi :
- ./monscript.sh monfichierimage.png
- génération automatique de monfichierimage.html
