Question

我正在使用Node JS和Socket.IO开发Web应用程序。在这里，当我点击按钮时，使用套接字在浏览器中显示的文本，所以如果我用浏览器打开一个新窗口，我可以看到文本。

我想要做的是是在我的网站上渲染一些图像，但我找不到让它工作的方法。我尝试使用简单的HTML5标签，但图像未呈现。

我真的很感激帮助。谢谢大家！

//HTML

<!doctype html>
<html>
<head>


</head>
<body>

<ul id="messages"></ul>

<div id="div"></div>

<input type="button" id="button1"  value="Song1">

<script src="/socket.io/socket.io.js"></script>
<script src="http://code.jquery.com/jquery-1.11.1.js"></script>

<script>


var socket = io();


$("#button1").click(function(){

   socket.emit('chat message', "song1");
   $("#div").append("hola");


});

socket.on('chat message', function(msg){

   $('#messages').append($('<li>').text(msg));
   $("#div").append("Message Received"); 

});







</script>
</body>
</html>

这是我的Java脚本

//Java Script


var app = require('express')();
var http = require('http').Server(app);
var io = require('socket.io')(http);

app.get('/', function(req, res){

    res.sendfile('index.html');

});

io.on('connection', function(socket){


  socket.on('chat message', function(msg){

    io.emit('chat message',"song1");

  });



});

http.listen(3000, function(){
  console.log('listening on *:3000');
});

Answer 1

尝试发布一些错误。做console.log()他们和。什么是您使用的express，socket.io版本？您希望如何渲染图像以存储图像？如果您也发布您的Web应用程序文件夹结构会更好。（所以当其他人来帮你时，他们会得到更多关于你问题的信息:)）

如果您想要渲染图像（假设您将图像存储在服务器中。并使用快速4.x）。您需要使用express设置静态文件夹。当您想要包含css和javascript文件时，这也是必需的。

app.use(express.static(__dirname + '/public'));

您可以在此处查看更多文档：http://expressjs.com/4x/api.html#app.use

FYI。您可以使用app.use(express.logger('dev'));为您提供任何GET，POST请求的快速记录。（我不太确定表达式4.x是否仍然可以使用它）

使用NodeJS渲染图像

1 个答案: