我正在使用meteor和collectionfs进行一个项目。
我将文件上传到 collectionfs 并有一个文件处理程序。我可以使用 {{cfsFileUrl "defaultFilehandler"}}
Handlebar Helper 显示保存图像的 url,但我无法从该 URL 下载图像。
当我将其复制到浏览器中时:
localhost:3000/cfs/contacts/Nj3WzrBKhqd9Mc9NP_defaultHandler.png
流星将我路由到流星页面(好像我写了 localhost:3000 )
最终我想实现两件事:
第一
使用 html 标签显示图像:
<img src=??? alt="your image" />
第二,我想确保允许用户看到这张图片。
拥有“下载网址”对我来说不够安全。
为了达到这一点,我通过了 collectionFS 的普通教程:
客户端js
ContactsFS = new CollectionFS('contacts', { autopublish: false });
Deps.autorun(function() {
Meteor.subscribe('myContactsFiles');
});
Template.queueControl.events({
'change .fileUploader': function (e) {
var files = e.target.files;
for (var i = 0, f; f = files[i]; i++) {
ContactsFS.storeFile(f);
}
}
});
服务器js
ContactsFS = new CollectionFS('contacts', { autopublish: false });
ContactsFS.allow({
insert: function(userId, file) {
console.log('user'+userId+"file"+JSON.stringify(file));
console.log("WILL SAVE:"+userId && file.owner === userId );
return userId && file.owner === userId;
},
update: function(userId, files, fields, modifier) {
return _.all(files, function (file) {
return (userId == file.owner);
}); //EO iterate through files
},
remove: function(userId, files) { return false; }
});
Meteor.publish('myContactsFiles', function() {
if (this.userId) {
return ContactsFS.find({ owner: this.userId }, { limit: 30 });
}
});
ContactsFS.fileHandlers({
default1: function(options) { // Options contains blob and fileRecord — same is expected in return if should be saved on filesytem, can be modified
return { blob: options.blob, fileRecord: options.fileRecord }; // if no blob then save result in fileHandle (added createdAt)
}});