上传与流星集合相关联的图像

时间:2015-02-22 19:05:56

标签: javascript meteor

我很难理解将图像上传到某个Meteor集合的整个过程,例如(与rails的belongs_to和has_one关联)。

我有一个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});
        });
    }
});

1 个答案:

答案 0 :(得分:0)

你试过FSCollection了吗?如果不是,我认为这是实现这一目标的一个很好的选择。

您可以声明该集合。

我建议您使用GridFS

只需运行这两个命令

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

像其他人一样宣布收藏品。

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

您可以使用元数据将Simple集合与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上的README为空,所以我对此做了一点DEMO