簡體   English   中英

如何在小nodejs聊天應用程序中將文件發送給其他人

[英]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.

 
粵ICP備18138465號  © 2020-2024 STACKOOM.COM