1

我正在尝试通过 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>

函数调用：使用变量 $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 + '%');
    });
};
4

2 回答 2

1

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

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)
}
于 2015-03-14T04:47:00.960 回答
0

根据文档，你必须发出stream，而不是file。

尝试更换

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

和

ss(socket).emit('mediaupload', stream);
于 2014-07-10T05:57:16.687 回答