使用WebSocket进行文件传输

Question

我的一位大学讲师指出，看到 WebSockets 用于文件传输会很有趣。我想象可以使用 base64 解码和编码图像文件，但是 是否可以通过 WebSocket 发送 JavaScript / CSS 文件？

我使用的服务器是 Node.js，我的浏览器是 Google Chrome 16。

Answer 1

是。您可以通过 WebSockets（或 AJAX）发送 JavaScript 和 CSS。只要 WebSocket 服务器正确地对 Javascript 中的任何特殊 Unicode 字符进行 UTF-8 编码，您也不需要像对图像那样对 CSS 和 JavaScript 进行 Base64 编码。

通过 WebSocket 收到 Javascript 或 CSS 后，您可以使用以下机制加载它们（其中类型为“script”或“css”）：

function dynamic_load(type, content) {
    var elem = document.createElement(type);
    elem.type = (type === 'script') ? 'text/javascript' : 'text/css';
    elem.innerHTML = content;
    document.getElementsByTagName("head")[0].appendChild(elem);
}

该机制在 IE 8 及更早版本中可能会遇到问题，但由于您使用的是 WebSockets 我怀疑您的目标是现代浏览器。您可以从浏览器的 Javascript 控制台验证dynamic_load函数是否正常工作：

dynamic_load('script', "alert('hello world');");

Answer 2

我的node.js ws 库处理文件发送——甚至是二进制文件。查看此处的示例之一，该示例进行上传： https://github.com /einaros/ws/tree/master/examples/fileapi

不过，我建议坚持使用 SPDY，而不是使用 websockets 来接收网页资源（脚本、css、图像等）——这是有意设计的为此很有目的。顺便说一下，Node.js 有 spdy 支持（请参阅 https://github.com/indutny/node- spdy）。