Question

我正在尝试通过socket.io 1.0.4和socket.io-stream的最后一个版本创建文件上传。无论何时我尝试发出ss(socket).emit('mediaupload', file);，事件都会在客户端执行，但不会在服务器端调用。我没有得到任何调试或错误消息。如果我尝试通过socket.emit('mediaupload')发出事件，服务器将获取该事件。

服务器声明

ss(socket).on('mediaupload', function(stream, data) {
debug('Data:', data);
...
}

我不知道该怎么办。

uploadFile: function (fileWithMeta, callback_end, callback_data) {
        var file=fileWithMeta.file;

        var stream = ss.createStream();
        log.log('File to Upload with stream: ', stream);
        ss(socket).emit('mediaupload', file);

        var blobStream = ss.createBlobReadStream(file);
        if (callback_end){
            blobStream.on('end', function(e) {
                callback_end(e);
            });
        }

        if (callback_data){
            var uploadedSize=0;
            blobStream.on('data', function(chunk) {
                uploadedSize+=chunk.length;
                callback_data(Math.floor(uploadedSize / file.size * 100), uploadedSize, chunk);
            });
        }
        blobStream.pipe(stream);
    }

我通过angularjs指令读取输入文件。

angular.module('oo.util').directive('ooFileReader', ['ooLog', '$parse', function (log, $parse) {
var slice = Array.prototype.slice;
return {
    restrict: 'A',
    //scope: false,
    link: function (scope, element, attrs) {
        element.bind("change", function (e) {
            $parse(attrs.ooFileReader).assign(scope, e.target.files[0]);                
        });
    }
};}]);

模板的一部分

 <input name="fileupload" type="file" oo-file-reader="fileupload" multiple>

Functioncall：使用变量$ scope.fileupload

调用uploadFile

$scope.uploadFile=function(file){
    log.log('Add File: ', file);
    websocket.uploadFile(file, function(){
        log.log('Upload Finished!');
    }, function(percentUploaded){
        log.log('Uploading: ' + percentUploaded + '%');
    });
};

Answer 1

在客户端上包含socket.io-stream脚本后，如here所述：

cp node_modules/socket.io-stream/socket.io-stream.js somewhere/public/

您可以执行以下操作：

function(file){
  var stream = ss.createStream();
  ss(socket).emit("stream", stream, {},function(){})
  ss.createBlobReadStream(file).pipe(stream)
}

Answer 2

根据documentation，您必须发出stream，而不是file。

尝试替换

ss(socket).emit('mediaupload', file);

与

ss(socket).emit('mediaupload', stream);

socket.io-stream不会发出事件

2 个答案: