如何將arraybuffer轉換爲字符串

Question

我已經在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.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)); 
} 

Answer 1

你可能會看到這個問題，因爲您的應用程序在套接字上收到了奇數個字節，但是您試圖創建一個2字節寬度的數組（因爲這適合於​​）

如果您的應用程序接收通過網絡（5個字節）的字符串"Hello"，那麼你可以強制轉換爲Uint8Array，它看起來就像這樣：

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

它轉換成一​​，但會盡量做到這個：

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

沒有第六個字節的工作，它不能構造數組，所以你會得到一個異常。

對數據使用​​只有在您期待套接字上的UCS-2字符串數據時纔有意義。如果您收到的是純ASCII數據，那麼您希望將其轉換爲Uint8Array，並將String.fromCharCode映射到該數據上。如果是其他的東西，比如UTF-8，那麼你將不得不做一些其他的轉換。

不管怎樣，套接字層始終可以免費發送任何長度的數據塊。您的應用必須處理奇數尺寸，並保存您無法處理的剩餘部分，以便您在接收到下一個數據塊時使用它。

Answer 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; 
} 

Answer 3

有一個異步使用Blob和FileReader的方式。

您可以指定任何有效的編碼。

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" 

Answer 4

現代（鉻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