Question

如何用webSocket发送图片

Answer 1

用Node.js实现server。运行方式：

1. npm install ws

2. node server.js

3. 运行client.htm

目录结构如下：

Answer 2

JS操作websocket接收二进制。
Cocos2d-x引擎集成libwebsockets，并在libwebsockets的客户端API基础上封装了一层易用的接口，使得引擎在C++, JS, Lua层都能方便的使用WebSocket来进行游戏网络通讯。
引擎支持最新的WebSocket Version 13。
在C++中使用。
代码参考：
[javascript] view plaincopy
ws.onmessage = function(evt) {
if(typeof(evt.data)=="string"){
textHandler(JSON.parse(evt.data));
}else{
var reader = new FileReader();
reader.onload = function(evt){
if(evt.target.readyState == FileReader.DONE){
var data = new Uint8Array(evt.target.result);
handler(data);
}
}
reader.readAsArrayBuffer(evt.data);
}
};

[html] view plaincopy
function handler(data){
switch(data[0]){
case 1:
getCard(data[1]);
break;

...

JS操作websocket接收的图片，今天刚写的，也是用filereader实现。
[html] view plaincopy
ws.onmessage = function(evt) {
if(typeof(evt.data)=="string"){
//textHandler(JSON.parse(evt.data));
}else{
var reader = new FileReader();
reader.onload = function(evt){
if(evt.target.readyState == FileReader.DONE){
var url = evt.target.result;
alert(url);
var img = document.getElementById("imgDiv");
img.innerHTML = "<img src = "+url+" />";
}
}
reader.readAsDataURL(evt.data);
}
};