如何使用Java服務器上的JSON將圖像發送到Javascript客戶端

Question

我正在使用Google Contacts API，我收到了所有數據並將其作為字符串發送到JSON（javascript），但是當我從聯系人獲取圖像時，我可以接收圖像。 如何將其發送到JSON？ 如何將圖像文件發送到URL？ （我可以使用路標嗎？）

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

Answer 1

如果您嘗試使用JSON發送編碼為數據的實際圖像，則只需發送帶有src屬性的HTML img標簽，其中包含編碼后的圖像數據，如下所示：

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

瀏覽器支持列表（包括Android瀏覽器和iOS Safari：

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

Answer 2

您應該只使用servlet發送圖像，而只需使用JSON發送一些url變量即可。 （例如?pic_id=034enifuwbf0329 。

您可以使用內嵌圖像，但是在某些IE版本上這會失敗，而其他解決方案與瀏覽器無關。