Javascript 上载与流星收藏相关联的图像

我很难理解将图像上传到某个流星收藏的整个过程，例如（流星收藏属于rails，并且与rails有联系）

我有一个portfolioitem集合，这是文件：

PortfolioItems = new Mongo.Collection('portfolioItems');

ownsDocument = function(userId, doc) {
  return doc && doc.userId === userId;
}

PortfolioItems.allow({
  update: function(userId, portfolioItem) { return ownsDocument(userId, portfolioItem); },
  remove: function(userId, portfolioItem) { return ownsDocument(userId, portfolioItem); },
});

Meteor.methods({
    portfolioItemInsert: function(portfolioItemAttributes) {
        check(Meteor.userId(), String);
        check(portfolioItemAttributes, {
            title: String
        });

        var portfolioItemWithSameTitle = PortfolioItems.findOne({ title: portfolioItemAttributes.title});
        if (portfolioItemWithSameTitle) {
            return {
                portfolioItemExists: true,
                _id: portfolioItemWithSameTitle._id
            }
        }

        var user = Meteor.user();
        var portfolioItem = _.extend(portfolioItemAttributes, {
            userId: user._id,
            submitted: new Date()
        });

        var portfolioItemId = PortfolioItems.insert(portfolioItem);
        return {
            _id: portfolioItemId
        };
    }
});

这是用于提交公文包项目的submit.js模板：

Template.submit.events({
    'submit #submit-form': function(e) {
        e.preventDefault();

        var portfolioItem = {
            title: $(e.target).find('#submit-title').val()
        };

        Meteor.call('portfolioItemInsert', portfolioItem, function(error, result) {
            if (error) {
                return alert(error.reason);
            }

            if(result.portfolioItemExists) {
                alert('Title already taken!');
                pause();
            }

            Router.go('portfolioItemPage', {_id: result._id});
        });
    }
});

---

您是否尝试过

FSCollection

？如果不是的话，我认为这是一个很好的选择

您只需声明集合即可

我建议您使用

GridFS

只需运行这两个命令

meteor add cfs:standard-packages
meteor add cfs:gridfs

像其他集合一样声明集合

Images = new FS.Collection("Images", {
  stores: [new FS.Store.GridFS("Images")]
});

您可以使用元数据将简单集合与FSCollection关联

Template.exampe.events({
  'click #addImage':function(){
    var file = $('#inputPng').get(0).files[0],
                fsFile = new FS.File(file);
                fsFile.metadata = {
                    ownerId:Meteor.userId(),
                    title:$(e.target).find('#submit-title').val()
                }
                Images.insert(fsFile,function(err,result){
                    if(!err){  
                       console.log(result)                  
          }
       })
    }
 })

---

目前，fsCollection上的部分是空的，因此我对此做了一些说明。

好的，集合部分很有意义，谢谢。我仍然对元数据部分感到困惑。例如，我将创建一个html文件上载按钮，并为输入创建一个单击事件。在我的例子中，我会只执行fsFile.metadata={portfolioItemId:result.\u id}？？如果在这种情况下，结果是来自

Meteor调用（'portfolioItemInsert'）的回调，我想是的，我从来没有这样做过，还有，为什么不要忘记
PortaFolioItems集合
，只创建一个
FSCollection
，将
userId，submitted
字段作为元数据保存？我认为将2个集合拆分为1个FSCollection是一个更好的选择，它与任何其他集合一样，因此
允许/拒绝插入删除等
将完全相同，只需e+我们使用
元数据保存
文件
，有没有办法看到您的意思的示例？很明显，我一直在学习探索流星课程。如果能看到其他的方法，那就太好了。是的，我在答案上放了一个演示，我试图展示它是如何工作的，我的github上也有代码，如果你想看的话。你得到了@dileet吗？