首页 文章

使用socket.io时如何发送文件（html，js，css和资源）？

提问于
浏览 次
2

我正在尝试创建一个Web应用程序，让服务器在时间间隔内更新浏览器页面上的html素材 - 一个html幻灯片 .

我有一个文件结构如下：

项目：

  • node_modules
  • app.js
  • index.html - package.json
  • 幻灯片
  • slide_0
  • page.html
    • 图片
      ----一些.jpg文件
      --- js
      ---- script.js
      ---风格
      ---- style.css
  • slide_X ......等

我现在有可能使用 fs.readFile(__dirname + "slides/slide_0/page.html") 向客户端发送字符串表示，并在回调中保存字符串并在 socket.on('connection') 发出 .

我的目标是在index.html / client中有一个 div ，我可以在page.html中附加所有代码（即page.html不需要完全格式化， <p> Hello World </p> 就足够了） . 另外，我希望page.html能够拥有自己的 .js ， .css 和资源（如上面的文件结构所示） .

可以在html中输入（ link src="..." 和 script src="..." ），我可以将它附加到div，它's just a string. But, I don'知道如何使用资产文件（ .js ， .css 和 .jpg ） .

我正在使用Express，但我不是很擅长，就像socket.io一样 .

  • 那么，我该如何向客户端发送必要的文件？

  • 我用什么方法发送html文件？

  • 其他一些结构会更好吗？例如，完全格式化的HTML .

谢谢！

javascript node.js html5 express socket.io

1 回答

  • 0

    我找到了答案和一个很难工作的大错误 .

    因此，我可以使用jquery .empty() div，然后将读取的html文件作为字符串表示附加 . 在调试时我发现浏览器试图做的 GET 是不正确的，这就是整个错误 .

    目前，我有一个接受所有GET的快速处理 . 但是，在page.html中我使用了与其文件结构相关的srcs和refs-这必须进行修改，以便它在node-server-base中启动，而不是在html-file-structure-base中启动 .

    因此，使用 socket.io 发送代码（以字符串格式）并将其附加到现有HTML是没有问题的 . 只需确保服务器允许访问源文件并且网址是正确的！

    回复于

相关问题