接收图像数据作为JSON并将其注入DOM

Question

我正在将图像打包成jSON并将其发送到客户端....在客户端,我希望将此数据显示为图像...

我不是通过JSON发送图像URL ...我试图发送整个图像数据本身

我在客户端收到的JSON图像数据如下所示:

PNG  Ûâ\IÂØ>ó4ã¯wcÏLÓQÆÝîHâèÖnò)©£M¡ÀÍ.j3µx¼ê#Ì{Þ±NÔÃïj$­©N¨eÃyßÆR$id'|ýpøcå{ãyY'àþ½b|äô¹¨:Óç}@ÖÀdõÉ­Ä

Answer 1

除了IE7及以下版本,您可以在所有浏览器中使用数据URL完成此操作.基本格式是这样的:

<img src="data:image/png;base64,R0lGODlhEAAOALMAAOazToeHh0tLS/7LZv/0jvb29t/f3//Ub/
/ge8WSLf/rhf/3kdbW1mxsbP//mf///yH5BAAAAAAALAAAAAAQAA4AAARe8L1Ekyky67QZ1hLnjM5UUde0ECwLJoExKcpp
V0aCcGCmTIHEIUEqjgaORCMxIC6e0CcguWw6aFjsVMkkIr7g77ZKPJjPZqIyd7sJAgVGoEGv2xsBxqNgYPj/gAwXEQA7">

你可以在这里阅读更多相关信息:http://www.websiteoptimization.com/speed/tweak/inline-images/

Answer 2

我不知道您的解决方案有多优雅,但您可以将图像编码为BASE64并使用以下内联方式对其进行内联:

<img src="data:image/png;base64,BASE64_ENCODED_DATA_HERE">

值得注意的是,BASE64编码增加了大约33%的开销.相反,您可以在服务器上创建一些临时目录,在那里存储这些图像并在请求后删除它们？