Wiki: Los usuarios registrados de DesarrolloWeb.com pueden modificar los contenidos y realizar aportaciones en esta sección.
  • Editar descripción
  • Crear subtitular
  • Crear subentrada
  • Crea una discusión
  • Envia un enlace
  • Envia una imagen
Es un esquema para la especificación de datos en páginas web, que se incluyen de manera interna como código en la página, pero que se asemejan a datos traídos de manera remota. En inglés se conoce como data URI scheme.
Descripción por: midesweb

Formato de los datos

Podemos ver un ejemplo de datos insertados como cadenas en base64, para especificar imágenes:

<img src="data:image/png;base64,
iVBORw0KGgoAAAANSUhEUgAAAAoAAAAKCAYAAACNMs+9AAAABGdBTUEAALGP
C/xhBQAAAAlwSFlzAAALEwAACxMBAJqcGAAAAAd0SU1FB9YGARc5KB0XV+IA
AAAddEVYdENvbW1lbnQAQ3JlYXRlZCB3aXRoIFRoZSBHSU1Q72QlbgAAAF1J
REFUGNO9zL0NglAAxPEfdLTs4BZM4DIO4C7OwQg2JoQ9LE1exdlYvBBeZ7jq
ch9//q1uH4TLzw4d6+ErXMMcXuHWxId3KOETnnXXV6MJpcq2MLaI97CER3N0
vr4MkhoXe0rZigAAAABJRU5ErkJggg==" alt="Punto rojo" />

* Fuente Wikipedia

Definir un objeto Image Javascript con Data: url

Este mismo formato lo podemos utilizar también para definir imágenes desde Javascript. Podríamos guardar una serie de imágenes en nuestros archivos con scripts Javascript y luego utilizarlos en la página.

var objImagen = new Image();
objImagen.src = "data:image/gif;base64,R0lGODlhCwALAIAAAAAA3pn/ZiH5BAEAAAEALAAAAAALAAsAAAIUhA+hkcuO4lmNVindo7qyrIXiGBYAOw==";
Entradas relacionadas con data: url
Entradas clasificadas por las etiquetas:
Diseño de video
Sumario de entradas hijas:
Se encuentran 1 entradas hijas de data: url:
Entrada padre:
Participación para ampliar las referencias:

Últimas discusiones
Las discusiones permiten hablar de asuntos relacionados con esta entrada de wiki, para crear un hilo de comentarios como en los foros de discusión.
Aun no hay discusiones sobre data: url.

Enlaces
Fue enviado 1 enlace
1 enlace enviado:
Data URI en la Wikipedia
Descripción de data URI scheme, en el lenguaje...
Por: midesweb