[英]how to send files to other people in small nodejs chat app
我已經用nodejs制作了一個小型聊天應用程序,現在我試圖使兩個人聊天時也可以互相發送小文件成為可能。
我剛剛開始學習節點,所以對我來說有點困惑。 我正在嘗試做這項工作,但我甚至不確定我應該怎么做。
歡迎任何幫助:)
btw var file是輸入type = file中的文件。
這是我的代碼:
index.js
var express = require("express");
var app = express();
var fs = require("fs");
var port = 8888;
// fs.readFile(sendFile, function (err, data) {
// if (err) {
// return console.error(err);
// }
// console.log("Asynchronous read: " + data.toString());
// });
app.set('views', __dirname + '/tpl');
app.set('view engine', "jade");
app.engine('jade', require('jade').__express);
app.use(express.static(__dirname + '/public'));
app.get("/", function(req, res){
res.render("page");
});
var io = require('socket.io').listen(app.listen(port));
io.sockets.on('connection', function (socket) {
socket.emit('message', { message: 'Welcome to the chat :)' });
socket.on('send', function (data) {
io.sockets.emit('message', data);
});
});
io.sockets.on('sendFile', function(data){
socket.emit('getFile',data)
});
chat.js
window.onload = function() {
var messages = [];
var socket = io.connect('http://'+location.host);
var field = document.getElementById("field");
var sendButton = document.getElementById("send");
var content = document.getElementById("content");
var name = document.getElementById("name");
var file = document.getElementById("file").files;
// file.onchange = function(e) {
// var file = document.getElementById("file").files;
// console.log(file);
// }
socket.on('message', function (data) {
if(data.message) {
messages.push(data);
var html = '';
for(var i=0; i<messages.length; i++) {
html += '<b>' + (messages[i].username ? messages[i].username : 'Server') + ': </b>';
html += messages[i].message + '<br />';
}
content.innerHTML = html;
} else {
console.log("There is a problem:", data);
}
});
socket.on('getFile', function (data) {
console.log(data);
});
sendButton.onclick = sendMessage = function() {
if(name.value == "") {
alert("Please type your name!");
} else {
socket.emit('sendFile', file);
var text = field.value;
socket.emit('send', { message: text, username: name.value });
field.value = "";
}
};
field.addEventListener("keyup", function(e){
if(e.keyCode == 13) {
sendMessage();
}
});
}
可能這不是使用代碼的答案,但是您可以通過使用交付模塊輕松解決問題
通過Socket.IO進行Node.js的雙向文件傳輸,請參閱Github Link上的代碼
聲明:本站的技術帖子網頁,遵循CC BY-SA 4.0協議,如果您需要轉載,請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.