使用meteor-cfs-ui
- 包,您可以显示上传文件的进度条。但这只适用于文件,这些文件大于2 MB。如果文件较小,则条形图从0%跳到100%。
Here我找到了一个解决方案,使用此代码:
if(fsFile.original.size < (2097152)*10) {
var chunkSize = fsFile.original.size / 10;
FS.config.uploadChunkSize = chunkSize;
}
uploadFile(fsFile, fullFileName, projectId);
但是我必须把代码放在哪里?
我宣布我的商店是这样的:
Images = new FS.Collection("images", {
stores: [
new FS.Store.FileSystem("something", {
transformWrite: function (fileObj, readStream, writeStream) {
// do transformations
}
})]
});
上传完成如下:
FS.Utility.eachFile(event, function (file) {
var newFile = new FS.File(file);
newFile.uploadedFrom = Meteor.userId();
data = Images.insert(newFile, function (error, fileObject) {});
});
所以我想这是一个愚蠢的问题,但我真的没有看到,把代码放在哪里......
答案 0 :(得分:1)
上传发生在集合插页上,因此应能够在此之前设置chunkSize
:
FS.Utility.eachFile(event, function (file) {
var newFile = new FS.File(file);
newFile.uploadedFrom = Meteor.userId();
var maxChunk = 2097152;
FS.config.uploadChunkSize =
( newFile.original.size < 10*maxChunk ) ? newFile.original.size/10 : maxChunk;
data = Images.insert(newFile, function (error, fileObject) {});
});
答案 1 :(得分:0)
此外,如果您使用的是FS.EventHandlers.insertFiles
但未看到加载栏,请在客户端代码中创建此功能:
/**
* Replace for original FS.EventHandlers.insertFiles function.
*/
function cfsInsertFiles(collection, options) {
options = options || {};
var afterCallback = options.after;
var metadataCallback = options.metadata;
function insertFilesHandler(event) {
FS.Utility.eachFile(event, function (file) {
var f = new FS.File(file);
var maxChunk = 2097152;
FS.config.uploadChunkSize =
(f.original.size < 10 * maxChunk) ? f.original.size / 10 : maxChunk;
if (metadataCallback) {
FS.Utility.extend(f, metadataCallback(f));
}
collection.insert(f, afterCallback);
});
}
return insertFilesHandler;
}
最后使用它代替FS.EventHandlers.insertFiles
。例如:
Template.files.events({
'dropped .imageArea': cfsInsertFiles(Images, {
metadata: function (fileObj) {
return {
owner: Meteor.userId(),
foo: "bar"
};
},
after: function (error, fileObj) {
console.log("Inserted", fileObj.name);
}
})
});