【问题标题】:how to send files to other people in small nodejs chat app如何在小型nodejs聊天应用程序中将文件发送给其他人
【发布时间】:2016-07-18 14:02:54
【问题描述】:

我已经用 nodejs 制作了一个小型聊天应用程序,现在我正在尝试让两个人聊天时,他们也可以互相发送小文件。

我刚刚开始学习节点,所以对我来说有点困惑。我正在努力完成这项工作,但我什至不确定我应该怎么做。

所以欢迎任何帮助:)

btw var 文件是来自输入 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)
    });

聊天.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();
                }
        });
        }

【问题讨论】:

    标签: javascript node.js sockets chat


    【解决方案1】:

    这可能不是使用您的代码回答的问题,但您可以使用delivery module 轻松解决

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

    【讨论】:

      猜你喜欢
      • 1970-01-01
      • 1970-01-01
      • 2018-08-23
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      相关资源
      最近更新 更多