17 de abril de 2016

Data URI Scheme

El Data URI Schema, es esquema para incluir datos en una URI (del inglés uniform resource identifier),  esto permite incluir pequeños datos (como imágenes) en una pagina web, el RFC 2397, trata como The "data" URL Schema.

Sintaxis: 
data:[<media type>][;charset=<character set>][;base64],<data>
  • data = Definición del esquema "data" seguido de ":".
  • media type = Parametro opcional para definir el tipo de dato ejemplo: image/png.
  • ;charset = Parametro opcional que define el tipo de caracter, por defecto es US-ASCII.
  • ;base64 = parametro opcional para definir que el contenido es binary data.
  • ,<data> = son los datos en base64 codificados en US-ASCII.
Ejemplo:



data:image/png;base64,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


Notas y referencias: