Meteor很棒，但它缺乏对传统文件上传的本地支持.有几个选项可以处理文件上载:
From the client，可以使用以下方式发送数据:
In the server，文件可以保存到:
这些方法的优缺点是什么？如何最好地实施它们？我知道还有其他 Select ，比如保存到第三方网站并获取url.
你可以通过Meteor实现文件上传，无需再使用任何软件包或第三方
/*** client.js ***/
// asign a change event into input tag
'change input' : function(event,template){
var file = event.target.files[0]; //assuming 1 file only
if (!file) return;
var reader = new FileReader(); //create a reader according to HTML5 File API
reader.onload = function(event){
var buffer = new Uint8Array(reader.result) // convert to binary
Meteor.call('saveFile', buffer);
}
reader.readAsArrayBuffer(file); //read the file as arraybuffer
}
/*** server.js ***/
Files = new Mongo.Collection('files');
Meteor.methods({
'saveFile': function(buffer){
Files.insert({data:buffer})
}
});
Explanation
首先，使用HTML5文件API从输入中获取文件.读卡器是使用新的FileReader创建的.该文件被读取为readAsArrayBuffer.这是arraybuffer，如果你愿意的话.log，返回{}，DDP无法通过网络发送，因此必须将其转换为Uint8Array.
当你把这个放进Meteor 的时候.呼叫，Meteor自动运行EJSON.stringify(Uint8Array)并用DDP发送.你可以在chrome控制台websocket流量中查看数据，你会看到一个类似base64的字符串
在服务器端，Meteor呼叫EJSON.parse()并将其转换回缓冲区
Pros
Cons
/*** client.js ***/
// asign a change event into input tag
'change input' : function(event,template){
var file = event.target.files[0];
if (!file) return;
var xhr = new XMLHttpRequest();
xhr.open('POST', '/uploadSomeWhere', true);
xhr.onload = function(event){...}
xhr.send(file);
}
/*** server.js ***/
var fs = Npm.require('fs');
//using interal webapp or iron:router
WebApp.connectHandlers.use('/uploadSomeWhere',function(req,res){
//var start = Date.now()
var file = fs.createWriteStream('/path/to/dir/filename');
file.on('error',function(error){...});
file.on('finish',function(){
res.writeHead(...)
res.end(); //end the respone
//console.log('Finish uploading, time taken: ' + Date.now() - start);
});
req.pipe(file); //pipe the request to the file
});
Explanation
抓取客户端中的文件，创建一个XHR对象，并通过"POST"将文件发送到服务器.
在服务器上，数据通过管道传输到底层文件系统.您还可以在保存前确定文件名、执行清理或判断文件是否已存在等.
Pros
Cons
/*** client.js ***/
//same as option 2
/*** version A: server.js ***/
var db = MongoInternals.defaultRemoteCollectionDriver().mongo.db;
var GridStore = MongoInternals.NpmModule.GridStore;
WebApp.connectHandlers.use('/uploadSomeWhere',function(req,res){
//var start = Date.now()
var file = new GridStore(db,'filename','w');
file.open(function(error,gs){
file.stream(true); //true will close the file automatically once piping finishes
file.on('error',function(e){...});
file.on('end',function(){
res.end(); //send end respone
//console.log('Finish uploading, time taken: ' + Date.now() - start);
});
req.pipe(file);
});
});
/*** version B: server.js ***/
var db = MongoInternals.defaultRemoteCollectionDriver().mongo.db;
var GridStore = Npm.require('mongodb').GridStore; //also need to add Npm.depends({mongodb:'2.0.13'}) in package.js
WebApp.connectHandlers.use('/uploadSomeWhere',function(req,res){
//var start = Date.now()
var file = new GridStore(db,'filename','w').stream(true); //start the stream
file.on('error',function(e){...});
file.on('end',function(){
res.end(); //send end respone
//console.log('Finish uploading, time taken: ' + Date.now() - start);
});
req.pipe(file);
});
Explanation
客户端脚本与选项2中的相同.
根据Meteor 1.0.x mongo_driver.js最后一行，一个名为MongoInternals的全局对象被公开，您可以调用defaultRemoteCollectionDriver()来返回GridStore所需的当前数据库db对象.在版本A中，GridStore也由MongoInternals公开.当前Meteor 使用的mongo是v1.4.x
然后在路由内部，可以通过调用var file=new GridStore(…)来创建一个新的写对象(API). 然后打开文件并创建一个流.
我还包括了一个版本B.在这个版本中，GridStore通过Npm使用一个新的mongodb驱动器来调用.require('mongodb')，这个mongo是最新的v2.截至本文 compose 时为0.13.新的API不需要您打开文件，您可以直接调用stream(true)并启动管道
Pros
Cons
Benchmark
file size GridFS FS
100 KB 50 2
1 MB 400 30
10 MB 3500 100
200 MB 80000 1240
你可以看到FS比GridFS快得多.对于一个200 MB的文件，使用GridFS大约需要80秒，而在FS中只需要1秒.我还没试过SSD，结果可能不一样.然而，在现实生活中，带宽可能会决定文件从客户端传输到服务器的速度，达到200 MB/秒的传输速度并不常见.另一方面，传输速度~2 MB/秒(GridFS)更为常见.
Conclusion
这并不全面，但你可以决定哪种 Select 最适合你的需要.
希望很快，meteor DDP可以支持gzip、缓存等，GridFS可以达到faster...