我正在尝试通过套接字创建文件上传。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: uploadFile用变量$scope.fileupload
调用$scope.uploadFile=function(file){
log.log('Add File: ', file);
websocket.uploadFile(file, function(){
log.log('Upload Finished!');
}, function(percentUploaded){
log.log('Uploading: ' + percentUploaded + '%');
});
};
包含套接字后。客户机上的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)
}
根据文档,您必须排放stream
,而不是file
。
尝试替换
ss(socket).emit('mediaupload', file);
ss(socket).emit('mediaupload', stream);