は、Androidクライアントからソケットを使用して送信された画像を表示します。

Question

画像をHTMLページに表示しようとしましたが、アンドロイドクライアント（base64）から画像を受け取りました。

これは受信のコードですが、次のステップは何か分かりません。

socket.on("image", function (image) {  //réception d'une image 
        console.log(" image réçu : " +image) 
        //use fs.writeFile 
        image = image.replace(/^data:image\/png;base64,/, ""); 
        require("fs").writeFile("out.png", image, 'base64',function(err) { 
         console.log(err); 
        }); 

       }); 

Answer 1

あなたはこれがサーバー側であると言いましたが、できることはベースコードをそのままWebクライアントに送信することです。また、Webクライアントでは、JavaScriptを使用して、画像を表示する予定の画像divの属性srcを置き換えます。以下

クライアント側のサンプルコード：

Socket.on("image", function(){ 
    document.getElementById('img').setAttribute('src', 'data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAUAAAAFCAYAAACNbyblAAAAHElEQVQI12P4//8/w38GIAXDIBKE0DHxgljNBAAO9TXL0Y4OHwAAAABJRU5ErkJggg=='); 
} 

このSHOLDの仕事、私が使用したダミーBASE64の代わりに、あなたはあなたを使用することができます。