javascript - 如何在小型 Nodejs 聊天应用程序中向其他人发送文件

标签 javascript node.js sockets chat

我用nodejs制作了一个小型聊天应用程序,现在我正在尝试使之成为可能,如果两个人正在聊天,他们也可以互相发送小文件。

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

欢迎任何帮助:)

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)
    });

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

最佳答案

可能这不是使用您的代码的答案,但您可以通过使用 delivery module 来简化它

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

关于javascript - 如何在小型 Nodejs 聊天应用程序中向其他人发送文件,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/36311013/

相关文章:

javascript - 内联 JavaScript 堆栈跟踪 : better origin than @<anonymous>

javascript - UrlFetchApp 请求在菜单功能中失败,但在自定义功能中没有(连接到外部 REST API)

javascript - 新版本上的 Workbox 更新缓存

node.js - Azure 网站上的 React 应用程序的 Http 404

java - 如何把Java程序放到网上?

c# - 使用托管内存进行注册 I/O RIOSend 函数调用

javascript - 如何捕捉 GMail 自动刷新

node.js - 使用 Mongoose 以编程方式构建动态查询

javascript - Node JS 应用程序仅显示第一个 JSON 对象。为什么?

javascript - 即使客户端没有提供回调,有没有办法从服务器发送响应?