如何从 node.js 服务器显示图像到 jsp 页面？答案

【问题标题】：How to display image from node.js server to jsp page?如何从 node.js 服务器显示图像到 jsp 页面？
【发布时间】：2017-02-02 06:17:14
【问题描述】：

有没有人可以帮助我或给我一个关于如何显示从 Node.Js 到 JSP/HTML img 标签的 base64 字符串的教程？

我将 base64 字符串从 Java 应用程序传递到此 Node.Js 服务器。

var net = require('net');
var HOST = '127.0.0.1';
var PORT = 6969;
var cl = require('./client.js');

net.createServer(function(sock) { 
console.log('CONNECTED: ' + sock.remoteAddress +':'+ sock.remotePort);

sock.on('data', function(data) { 
  sock.write(data);
  var client = new cl.client(data);
}); 

sock.on('close', function(data) { 
    console.log('CLOSED: ' + sock.remoteAddress +' '+ sock.remotePort);
}); 

process.on('uncaughtException', function (err) {
    console.error(err.stack);
    console.log("Node NOT Exiting...");
});
}).listen(PORT, HOST); 

console.log('Server listening on ' + HOST +':'+ PORT);

【问题讨论】：

标签： javascript java node.js sockets jsp

【解决方案1】：

Base64 字符串是否以data:image/jpeg;base64 开头（类型可能不同）。如果是这样，你可以用它来设置img标签的src属性。

<img src="data:image/jpeg;base64XXXXXXXXX">

【讨论】：

是的，但我不知道如何将字符串从节点服务器传递到我的网络应用程序。

【解决方案2】：

如果你传递的 base64 字符串已经有 data:image/[image type];base64 前缀，那么你可以在图像源中设置它，你不需要做任何特别的事情。或者只是有一个方法来检查它，如果你没有它，添加前缀。

  function setBase64ToImage(baseString){
  // data:image/[image type];base64

  if(baseString.substring(0,4) != "data"){
    baseString = "data:image/png;base64," + baseString;
  }
  return baseString;    
}

在你的 HTML img src 标签中

<img src=setBase64ToImage(data)>

如果您的问题是如何将数据从 node.js 传递到 html 文件，那么您应该使用 ejs 之类的模板或其他东西来简化它。 https://github.com/tj/ejs 或查看this question which anwers how to pass data from node to html。 Variables between Node.js Server and Client

【讨论】：