上传与流星收藏相关的图像 [英] Upload images associated to a meteor collection

问题描述

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

I'm having a hard time understanding the whole process of uploading images to a certain Meteor collection eg.(the belongs_to and has_one association with rails).

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

I have a portfolioitem collection, this is the file:

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 模板:

This is the submit.js template for submitting portfolio items:

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?如果不是，我认为这是实现这一目标的好选择.

Did you give a try to FSCollection? if not i think its a good option to accomplish this.

您可以只声明集合.

我建议你使用GridFS.

只需运行这两个命令

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

像其他人一样声明集合.

Declare the collections like any others.

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

并且您可以使用元数据将 Simple 集合与 FSCollection 相关联.

And you can associate the Simple collection with the FSCollection using metadata.

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 关于这个.

At this moment the README on the fsCollection its empty so I made a little DEMO about this.

这篇关于上传与流星收藏相关的图像的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！