如何在小nodejs聊天应用程序中将文件发送给其他人

时间:2016-03-30 13:56:41

标签: javascript node.js sockets chat

我已经与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();
                }
        });
        }

1 个答案:

答案 0 :(得分:0)

可能这不是使用您的代码的答案,但您可以使用delivery module

轻松完成

通过Socket.IO对Node.js进行双向文件传输,请参阅Github Link上的代码