javascript从缓冲区(nodejs / socket.io)

(对不起,我的英文)嗨,我有一个应用程序创build与nodejs推送图像数据到网页。

来自nodejs服务器的数据使用socket.io被压入网页

这个数据是完整的图像,我试图写入光盘看到图像,是好的。 数据被放入一个缓冲区,以base64编码,然后发送到网页,我试图显示使用'data:image / png; base64,'+数据,但没有发生…数据似乎是“完整的”,包括PNG图像的标题。

服务器使用节点与另一个客户端(这在C ++中)进行通信,客户端创build图像并发送到nodejs-thrift服务器,当一个图像被接收时,nodejs-socket.io服务器推入网页。

一些代码:serverside

var http = require('http'), url = require('url'), fs = require('fs'), sys = require('sys'); var hserver = http.createServer(function(request,response){ var path = url.parse(request.url).pathname; switch(path){ case '/': fs.readFile(__dirname + '/index.html',function(err,data){ if(err) return send404(res); response.writeHead(200,{'Content-Type':'text/html'}); response.write(data,'utf8'); response.end(); }); break; default: send404(response); } }), send404 = function(res){ res.writeHead(404); res.write('404'); res.end(); }; hserver.listen(8080); var io = require('socket.io'); var socket = io.listen(hserver); //this is the function in the Thrift part to send the image data to webpage using socket.io var receiveImage = function(image,success){ buff= new Buffer(image.data.toString('base64'),'base64'); socket.broadcast({ data: buff.toString('base64'), width: image.width, height: image.height }); success(true); } 

在网页中,我尝试使用socket.io的on.messagecallback加载图像

 <script> var socket = new io.Socket(null,{port:8080}); socket.connect(); socket.on('message',function(obj){ document.getElementById('imagenes').src='data:image/png;base64,'+obj.data.toString(); }); socket.on('connect',function(){ document.getElementById('stream').innerHTML = "Conectado!" }); </script> 

但是我看不到图像.. obj.data.toString('base64')创build一个像这样的string:

  PNGIHDRKIDATxYw5L1LlFMM/migzWUadOadLUd+43PIfPU9VU5AJAg3dIWUmHAMajS8GUuq ............ ............. /NIlWDHUDmIPdHIEND 

是图像的所有数据

我怎么能显示图像? (也许使用img标签或canvas)

提前致谢。

编辑:代码的一些改变,但没有改变..我的猜测..图像不显示,因为数据(PNGIHDRKIDATxYw …… PdHIENDB)不是正确的数据..我search这个和PNG数据用于显示图像内联是不同的(没有标题PNGIHDRKIDAT和尾部ENDB),我删除头和尾部,并不显示..也许我收到的数据是不正确的,但如果我尝试写入文件系统在服务器端使用nodejs(fs)我得到正确的图像(使用二进制编码fs.writeFileSync(“imagen.png”,image.data.toString('binary'),'binary')),但与base64编码theres没有图像。

       

网上收集的解决方案 "javascript从缓冲区(nodejs / socket.io)"

在C ++端(我创build图像并将它们发送到nodejs服务器)。 我需要在base64中编码数据。 然后在节点,我把这个数据放入一个base64编码的缓冲区,并发送到网页。

根据我的经验,图像的base64string应该像下面这样加载一个数据url:

 <img alt="some image" src="data(PNGIHDRKIDATxYw5L1LlFMM/migzWUadOadLUd+43PIfPU9VU5AJAg3dIWUmHAMajS8GUuq .........)" /> 

你的客户端代码看起来很好(除了.toString('base64')在浏览器中对String对象不做任何事情,只对Node中的Buffer对象做任何事情之外),我在猜测这个问题在receiveImage ,应该是:

 var receiveImage = function(image,success) { socket.broadcast({ data: image.data.toString('base64'), width: image.width, height:image.height }); success(true); }