我正在嘗試使用HTML5,WebSocket和File API進行一些實驗.

我正在使用Tomcat7 WebSocket實現.

我能夠從servlet發送和接收短信.我現在要做的是從servlet發送到客戶端JSON對象,但我想避免文本消息,以便跳過客戶端上的JSON.parse(或類似),所以我試圖發送二進制消息.

servlet部分非常簡單：

String s = "{arr : [1,2]}";

CharBuffer cbuf = CharBuffer.wrap(s);

CharsetEncoder encoder = Charset.forName("UTF-8").newEncoder();

getWsOutbound().writeBinaryMessage(encoder.encode(cbuf));

getWsOutbound().flush();

在此消息之后,在客戶端上,我看到我收到了一個二進制幀,它被轉換為Blob對象(http://www.w3.org/TR/FileAPI/#dfn-Blob).

問題是：是否可以從Blob獲取JSON對象？

我看了一下FileReader接口(http://www.w3.org/TR/FileAPI/#FileReader-interface),我使用這樣的代碼來檢查FileReader可以做什么(第一行創建一個全新的Blob,所以你可以隨時測試)：

var b = new Blob([{"test": "toast"}], {type : "application/json"});

var fr = new FileReader();

fr.onload = function(evt) {

var res = evt.target.result;

console.log("onload",arguments, res, typeof res);

};

fr.readAsArrayBuffer(b);

使用我在File Reader實現中看到的所有“readAs …”方法(我使用的是Chrome 22).無論如何,我沒有找到有用的東西.

你有什么建議嗎？謝謝.

總結

以上是生活随笔為你收集整理的blob转成json js_javascript – 文件API – Blob到JSON的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。