Comment encoder des données dans une URL

par Korben -

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:

Image par défaut pour l'article 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 !