如何将arraybuffer转换为字符串

时间:2014-11-05 10:11:59

标签: javascript node.js google-chrome-app arraybuffer

我在node.js上编写了一个简单的TCP服务器,将一些数据发送到Chrome应用。在chrome应用程序中,当我获取数据时,我使用下面的函数将其转换为字符串,我得到一个异常“ Uint16Array的字节长度应该是2的倍数

String.fromCharCode.apply(null, new Uint16Array(buffer))

我找不到任何可能导致此问题以及如何解决此问题的信息。关于此的任何指示都非常感谢。

以下是node.js服务器中用于将数据发送到客户端的代码:

socket.on('data', function(data) {

    console.log('DATA ' + socket.remoteAddress + ': ' + data);
    // Write the data back to the socket, 
    //   the client will receive it as data from the server
    var r= socket.write('from server\r\n');

});

以下是chrome app的代码:

  chrome.sockets.tcp.onReceive.addListener(function (info) {
            console.log('onListener registered');
            if (info.socketId != socketid)
                return;
            else {
                try {

                   data = ab2str(info.data);
                    console.log(data);
                }
                catch (e) {
                    console.log(e);
                }

            }
            // info.data is an arrayBuffer.
        });

 function ab2str(buf) {
    return String.fromCharCode.apply(null, new Uint16Array(buf));
}

4 个答案:

答案 0 :(得分:8)

你可能会看到这个问题,因为你的应用程序在套接字上收到了奇数个字节,但你正试图从中创建一个2字节宽的项目数组(因为那个& #39; s适合Uint16Array

的内容

如果您的应用通过网络收到字符串"Hello"(5个字节),那么您可以将其转换为Uint8Array,它将如下所示:

Item:        0   1   2   3   4
Char:        H   e   l   l   o
Uint8 Value: 72  101 108 108 111

将它投射到Uint16Array,但会尝试这样做:

Item   0     1     2
Chars  He    ll    o?
IntVal 25928 27756 ?????

如果没有第6个字节可以使用,它就无法构造数组,因此会出现异常。

如果您期望套接字上的UCS-2字符串数据,则仅使用Uint16Array数据才有意义。如果您正在接收纯ASCII数据,那么您希望将其转换为Uint8Array,并在其上映射String.fromCharCode。如果它是其他内容,例如UTF-8,那么您将不得不进行其他转换。

无论如何,套接字层总是可以自由地以任意长度的块发送数据。您的应用必须处理奇怪的大小,并保存您可以立即处理的剩余部分,以便您在收到下一个数据块时可以使用它。

答案 1 :(得分:4)

现代(Chrome 38+)这样做的方法是,假设编码为UTF-8:

var decoder = new TextDecoder("utf-8");

function ab2str(buf) {
    return decoder.decode(new Uint8Array(buf));
}

这使用TextDecoder API;有关更多选项,请参阅documentation,例如不同的编码。

另请参阅:Easier ArrayBuffer<->String conversion with the Encoding API @ Google Developers

答案 2 :(得分:2)

有点旧和迟,但也许使用这个函数(original source)效果更好(它对我来说是将arraybuffer解码为字符串而不会留下一些特殊的字符作为总垃圾):

function decodeUtf8(arrayBuffer) {
  var result = "";
  var i = 0;
  var c = 0;
  var c1 = 0;
  var c2 = 0;

  var data = new Uint8Array(arrayBuffer);

  // If we have a BOM skip it
  if (data.length >= 3 && data[0] === 0xef && data[1] === 0xbb && data[2] === 0xbf) {
    i = 3;
  }

  while (i < data.length) {
    c = data[i];

    if (c < 128) {
      result += String.fromCharCode(c);
      i++;
    } else if (c > 191 && c < 224) {
      if( i+1 >= data.length ) {
        throw "UTF-8 Decode failed. Two byte character was truncated.";
      }
      c2 = data[i+1];
      result += String.fromCharCode( ((c&31)<<6) | (c2&63) );
      i += 2;
    } else {
      if (i+2 >= data.length) {
        throw "UTF-8 Decode failed. Multi byte character was truncated.";
      }
      c2 = data[i+1];
      c3 = data[i+2];
      result += String.fromCharCode( ((c&15)<<12) | ((c2&63)<<6) | (c3&63) );
      i += 3;
    }
  }
  return result;
}

答案 3 :(得分:0)

使用BlobFileReader异步方式。

您可以指定任何有效的编码。

function arrayBufferToString( buffer, encoding, callback ) {
    var blob = new Blob([buffer],{type:'text/plain'});
    var reader = new FileReader();
    reader.onload = function(evt){callback(evt.target.result);};
    reader.readAsText(blob, encoding);
}

//example:
var buf = new Uint8Array([65,66,67]);
arrayBufferToString(buf, 'UTF-8', console.log.bind(console)); //"ABC"