如何使用socket.io-stream上传文件？ [英] How to upload file using socket.io-stream?

问题描述

 < server.js>这是我的源代码。 
 
 var app = require（'./ app.js'）; 
 var socketIO = require（'socket.io'）; 
 var ss = require（'socket.io-stream'）; 
 var path = require（'path'）; 
 var fs = require（'fs'）; 
 
 var server = app.listen（53322，function（）{
 console.log（'server is working at port 53322'）; 
}）; 
 
 var io = socketIO.listen（server）; 
 $ b io.on（'connection'，function（socket）{
 ss（socket）.on（'file'，function（stream，data）{
 console.log （data）; 
 var filename = path.basename（data.name）; 
 var filepath = path.join（'./ uploads'，filename）; 
 var ws = fs.createWriteStream （filepath）; 
 stream.pipe（ws）; 
}）; 
 
}）; 
 
 
 
<客户端脚本> 
 
 window.onload = function（）{
 
 var socket = io.connect（'http：// localhost：53322'）; 
 $ b $（'＃media-form'）。submit（function（e）{
 var file = e.target [0] .files [0]; 
 var filename = file.name; 
 var filesize = file.size; 
 var enc = e.target.encoding; 
 var stream = ss.createStream（）; 
 
 （套接字）.emit（'file'，stream，{
 data：file，
 size：filesize，
 name：filename，$ b $ enc：enc} 
 ）; 
 
 var blobstream = ss.createBlobReadStream（filename）; 
 blobstream.pipe（stream）; 
 
 return false; 
}）; 
 
}; 
  

我插入了 console.log（data）; 在服务器代码中检查文件是否正确上传。例如，我在输入元素中选择IMG_4433.jpg图像文件，然后单击提交。 文件事件完成后，我的控制台打印此消息。

  {data：< Buffer ff d8 ff e1 0f fe 45 78 69 66 00 00 4d 4d 00 2a 00 00 00 08 00 0b 01 0f 00 02 00 00 00 06 00 00 00 92 01 10 00 02 00 00 00 aa 00 00 00 98 01 12 00 03 ...>，
 
大小：393825，
 
 name：'IMG_4433.JPG'，
 
 enc：'application / x-www-form-urlencoded'} 
  

我发现'IMG_4433.jpg'被上传到'uploads'文件夹中。但它的文件大小是0字节。我认为也许问题是在数据缓冲区...但我不知道如何处理它。

帮助！
尝试使用Jimp
Jimp.read（buffer，function（err，image）{image.write（path）}

b $ b

This is my source code.

<server.js>

var app = require('./app.js');
var socketIO = require('socket.io');
var ss = require('socket.io-stream');
var path = require('path');
var fs = require('fs');

var server = app.listen(53322, function() {
    console.log('server is working at port 53322');
});

var io = socketIO.listen(server);

io.on('connection', function (socket) {
    ss(socket).on('file', function(stream, data) {
        console.log(data);
        var filename = path.basename(data.name);
        var filepath = path.join('./uploads', filename);
        var ws = fs.createWriteStream(filepath);
        stream.pipe(ws);
    });

});



<client script>

window.onload = function () {

    var socket = io.connect('http://localhost:53322');

    $('#media-form').submit( function(e) {
        var file = e.target[0].files[0];
        var filename = file.name;
        var filesize = file.size;
        var enc = e.target.encoding;
        var stream = ss.createStream();

        ss(socket).emit('file', stream, {
            data : file,
            size : filesize,
            name : filename,
            enc : enc}
        );

        var blobstream = ss.createBlobReadStream(filename);
        blobstream.pipe(stream);

        return false;
    });

};

I inserted console.log(data); in the server code to check whether the file is uploaded properly. For example, I select 'IMG_4433.jpg' image file in the input element and click submit. After 'file' event done, my console print this message.

{ data: <Buffer ff d8 ff e1 0f fe 45 78 69 66 00 00 4d 4d 00 2a 00 00 00 08 00 0b 01 0f 00 02 00 00 00 06 00 00 00 92 01 10 00 02 00 00 00 0a 00 00 00 98 01 12 00 03 ... >,

size: 393825,

name: 'IMG_4433.JPG',

enc: 'application/x-www-form-urlencoded' }

I found that the 'IMG_4433.jpg' is uploaded into 'uploads' folder. But it's file size is 0 byte. I think that maybe the problem is in the data Buffer... but I don't know how to handle it.

Help!

解决方案

try to use Jimp Jimp.read(buffer, function( err, image) {image.write(path)}

这篇关于如何使用socket.io-stream上传文件？的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！