Как отображать изображение с узла node.js на страницу jsp?

Question

Может ли кто-нибудь помочь мне или дать мне учебник о том, как я могу отобразить строку base64 от Node.Js до JSP/HTML img-тега?

Im передаёт base64 строку этому серверу Node.Js из приложения Java.

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); 

Answer 1

Строка Base64 начинается с data:image/jpeg;base64 (тип может отличаться). Если это так, вы можете установить атрибут тега img src.

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

Answer 2

Если base64 строку, вы передаете уже есть данные: изображение/[Тип изображения]; префикс 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 или посмотрите на этот вопрос, который аннулирует передачу данных с узла на html. Variables between Node.js Server and Client