如何使用来自Java服务器的JSON将图像发送到Javascript客户端 [英] How to send an image to a Javascript client using JSON from a Java server

问题描述

我在Google Contacts API上工作，收到所有数据并以字符串的形式发送给JSON（javascript），但是当我从联系人获取图像时，我可以收到图像。我怎样才能把它发送给JSON？如何将图像文件发送到URL？ （可以使用路标吗？）

pre $ if（photoLink.getEtag（）！= null）{
GDataRequest request = myService.createLinkQueryRequest（PHOTOLINK）;
request.execute（）;
//无认证头信息
InputStream stream = request.getResponseStream（）;
Image image = ImageIO.read（stream）;



解决方案

发送使用JSON编码为数据的实际图像，您可以发送HTML img 标签，其中包含 src 属性编码的图像数据，如下所示：

 < img src =data：image / png; base64，R0lGODlhEAAOALMAAOazToeHh0tLS / 7LZv / 0jvb29t / F3 // UB / 
 / ge8WSLf / RHF / 3kdbW1mxsbP // MF /// yH5BAAAAAAALAAAAAAQAA4AAARe8L1Ekyky67QZ1hLnjM5UUde0ECwLJoExKcpp 
 V0aCcGCmTIHEIUEqjgaORCMxIC6e0CcguWw6aFjsVMkkIr7g77ZKPJjPZqIyd7sJAgVGoEGv2xsBxqNgYPj / gAwXEQA7\" > 
  

浏览器支持列表（包括Android Browser& iOS Safari：

）

http://en.wikipedia.org/wiki/Data_URI_scheme#Web_browser_support

I am working on Google Contacts API and I received all data and sending as string to JSON (javascript) but when I get an image from contacts I can receive image. How can I send it to JSON? How can send the image file to a URL? (Can I use signpost?)

if (photoLink.getEtag() != null) {
 GDataRequest request = myService.createLinkQueryRequest(photoLink);
 request.execute();                                                                                    
 // No Authentication header information  
 InputStream stream = request.getResponseStream();    
 Image image=  ImageIO.read(stream);
 }

解决方案

If you're trying to send the actual image encoded as data using JSON, you can just send an HTML img tag with the src attribute containing the encoded image data, like so:

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

Browser Support List (Includes Android Browser & iOS Safari:

http://en.wikipedia.org/wiki/Data_URI_scheme#Web_browser_support

这篇关于如何使用来自Java服务器的JSON将图像发送到Javascript客户端的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！