Le RFC2397 (un RFC est un guide de référence) explique la fonction « data » d’une URL. Ok et alors ?
Et bien je trouve cela génial car cette fonction permet d’encoder des données directement dans une URL.
Je m’explique. Vous pouvez créez de toute pièce une URL contenant un fichier, qu’il soit image, ascii, texte ou encore xml. Celle-ci se forme de cette façon pour une image par exemple:
data:image/jpeg;base64,jpeg_encodée_en_base64
Ce RFC n’est pas nouveau mais mal connu. Il permettrait entre autre de faire des choses sympa comme un logiciel de retouche photo en javascript, ou alors de vous servir directement d’espace de stockage pour un blog ou un site qui n’en a pas, de poster des fichiers sur des forums qui autorisent les liens, ou encore, de passer outre les filtre emails… Et bien d’autres chose !
Moi je trouve ca sympa pour éviter a avoir stocker ses images sur un serveur à côté. Je me demande si je ne vais pas appliquer cela a mon blog.
Quoiqu’il en soit, voici comment faire !
Tout d’abord, il faut convertir votre fichier en base64. Moi je vais convertir une image.
Il a des tas de sites qui fond ça mais celui là est sympa: http://www.sveinbjorn.org/dataurlmaker
Une fois mon image uploadée, j’obtient ceci:
/9j/4AAQSkZJRgABAQIAHAAcAAD/2wBDAAUDBAQ
EAwUEBAQFBQUGBwwIBwcHBw8LCwkMEQ8SE
hEPERETFhwXExQaFRERGCEYGh0dHx8fExciJC
IeJBweHx7/2wBDAQUFBQcGBw4ICA4eFBEUHh4
eHh4eHh4eHh4eHh4eHh4eHh4eHh4eHh4eHh4
eHh4eHh4eHh4eHh4eHh4eHh4eHh7/wAARCABV
AyADASIAAhEBAxEB/….etc
Plus votre fichier est gros, plus ces lignes de codées seront longues.
Il suffit ensuite de replacer cette chaine dans les tags cité ci dessus:
<img src= »data:image/jpeg;base64,ICI_LE_CODE_BASE64« >
et le tour est joué !
Voici le lien vers mon image: Mon image en DataURL !
Magique non ? A vous de jouer maintenant ! Je suis sûr que ça va bien vous rendre service !