2017-02-02 3 views
0

Node.JsからJSP/HTML imgタグへのbase64文字列の表示方法を教えてもらえますか?node.jsサーバーからjspページに画像を表示する方法は?

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

答えて

0

Base64の文字列は、data:image/jpeg;base64で始まります(種類は異なる場合があります)。 この場合、imgタグのsrc属性を設定することができます。

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

+0

はい、ですが、ノードサーバーから文字列をWebアプリケーションに渡す方法はわかりません。 –

0

すでに渡している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)> 

でのご質問は、あなたがそれを作るためにEJSか何かのようなテンプレートを使用する必要がありますhtmlファイルへのNode.jsからのデータを渡す方法である場合簡単です。 https://github.com/tj/ejsこの問題を見ると、ノードからhtmlにデータを渡す方法がわかります。 Variables between Node.js Server and Client

関連する問題