enviar JPG en JSON

[Nacho_astur]

hola a todos

Queria saber si es posible, y de ser posible la manera, de enviar una imagen en formato JPEG o JPG codificada en JSON. Algo asi:

Cliente->solicita informacion al servidor
Servidor->busca en base de datos imagen, la codifica en JSON junto con el nombre de la imagen(por decir algo)
Cliente->recibe el objeto JSON, lo decodifica e imprime tanto la imagen como el nombre de esta.

Muchas gracias y saludos

[abimaelrc]

Puedes codificar la información del binario usando serialize o base64_encode y luego lo envias con JSON.

[zerokilled]

una observacion, y posiblemente me equivoque... ¿que utilidad tiene codificar el binario de una imagen a base64 (o cualquier otra) si el interprete de javascript no tiene forma de considerar ese dato como imagen? o sea, obviamente hay que decodificar de la base64 al binario en javascript, pero javascript no puede analizar ese binario como imagen. o peor aun, javascript no tiene idea per se de lo que es un dato binario como en otros lenguajes.

[abimaelrc]

@zerokilled, Buscando así por internet verifica si esto te ayuda http://www.greywyvern.com/code/php/binary2base64. Si no es así, entonces no entendí a lo que te refieres.

Iniciado por http://www.greywyvern.com/code/php/binary2base64

(X)HTML Image Embedding Example
<img alt="Embedded Image" src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADIA..." />

CSS Image Embedding Example
div.image {
width:100px;
height:100px;
background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADIA...);
}

XML Image Embedding Example
<image>
<title>An Image</title>
<link>http://www.your.domain</link>
<url>data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADIA...</url>
</image>

Embed other stuff!

Data URIs can potentially store any type of data, not just images! Try these examples on for size:
(X)HTML CSS Embedding Example
<link rel="stylesheet" type="text/css" href="data:text/css;base64,LyogKioqKiogVGVtcGxhdGUgKioq..." />

(X)HTML Javascript Embedding Example
<script type="text/javascript" href="data:text/javascript;base64,dmFyIHNjT2JqMSA9IG5ldyBzY3Jv..." ></script>

[zerokilled]

interesante, precisamente me referia a eso. anteriormente habia visto el formato pero en un codigo fuente del chrome de firefox. en ese entonces, no recuerdo si habia hecho una prueba en iexplorer y no mostraba la imagen. entonces pense que era una implementacion especifica de mozilla. ahora realizo la prueba y efectivamente funciona en firefox (Gecko), chrome (webkit), y en iexplorer (trident). sin embargo, me parece que en iexplorer no siempre trabaja bien, en la segunda prueba que hice no me mostro la imagen. en fin, me pregunto si es estandar o no.

¡gracias abimaelrc por el dato!

[abimaelrc]

Según lo que leí en IE no permite grandes cantidades en el campo de dirección. Lo más creo que es 25kb o algo así. Si es mucho no se va a mostrar correctamente. Habría que hacer la prueba con imagenes pequeñas.

[pateketrueke]

si, de hecho hay un limite para cargar información bajo el protocolo data

pero realmente es recomendable para situaciones cortas, y completamente portables... (:

[abimaelrc]

Aquí está donde encontré lo de IE, http://www.dreamincode.net/forums/to...ost__p__929183

Gracias pateketrueke por el dato

Por último información sobre el protocolo de data.

[Nacho_astur]

Hola a todos,

Muchas gracias por vuestras aportaciones, a ver si soy capaz de asimilar todo lo que habeis posteado y aprovecharlo para mi web.

Saludos