Estoy empaquetando una imagen en jSON y enviándola al cliente... En el lado del cliente deseo mostrar estos datos como una imagen...
No estoy enviando la URL de la imagen a través de JSON ... Estoy tratando de enviar los datos completos de la imagen.
Los datos de imagen JSON que recibo en el cliente se ven así:
PNG Ûâ\IÂØ>ó4ã¯wcÏLÓQÆÝîHâèÖnò)©£M¡ÀÍ.j3µx¼ê#Ì{Þ±NÔÃïj$©N¨eÃyßÆR$id'|ýpøcå{ãyY'àþ½b|äô¹¨:Óç}@ÖÀdõÉÄPuede lograr esto con URL de datos en todos los navegadores, excepto IE7 y versiones anteriores. El formato básico es este:
<img src="data:image/png;base64,R0lGODlhEAAOALMAAOazToeHh0tLS/7LZv/0jvb29t/f3//Ub/ /ge8WSLf/rhf/3kdbW1mxsbP//mf///yH5BAAAAAAALAAAAAAQAA4AAARe8L1Ekyky67QZ1hLnjM5UUde0ECwLJoExKcpp V0aCcGCmTIHEIUEqjgaORCMxIC6e0CcguWw6aFjsVMkkIr7g77ZKPJjPZqIyd7sJAgVGoEGv2xsBxqNgYPj/gAwXEQA7">Puede leer más sobre esto aquí: http://www.websiteoptimization.com/speed/tweak/inline-images/
No sé qué tan elegante es su solución, pero podría codificar la imagen como BASE64 y alinearla usando:
<img src="data:image/png;base64,BASE64_ENCODED_DATA_HERE">También podría ser digno de mención decir que la codificación BASE64 agrega aproximadamente un 33% de sobrecarga. En su lugar, puede crear algún directorio temporal en su servidor, donde almacena dichas imágenes y las elimina después de la solicitud.
No puede enviar datos binarios al navegador dentro de JSON.
Puede usar la codificación b64 y DataURI ( MDC ) ( Wikipedia ) en un navegador que lo entienda
Dado que todos los comentarios que vinieron después de mi publicación tienen un ejemplo real, aquí hay uno de Wikipedia:
<img src="data:image/png;base64, iVBORw0KGgoAAAANSUhEUgAAAAoAAAAKCAYAAACNMs+9AAAABGdBTUEAALGP C/xhBQAAAAlwSFlzAAALEwAACxMBAJqcGAAAAAd0SU1FB9YGARc5KB0XV+IA AAAddEVYdENvbW1lbnQAQ3JlYXRlZCB3aXRoIFRoZSBHSU1Q72QlbgAAAF1J REFUGNO9zL0NglAAxPEfdLTs4BZM4DIO4C7OwQg2JoQ9LE1exdlYvBBeZ7jq ch9//q1uH4TLzw4d6+ErXMMcXuHWxId3KOETnnXXV6MJpcq2MLaI97CER3N0 vr4MkhoXe0rZigAAAABJRU5ErkJggg==" alt="Red dot" />
Alternativamente, convierta a SVG , que también es textual.