Writing/Reading images into MongoDB with Meteor

help
1

I need to write image file to mongoDB, and than read it to html page element.
I find this post http://stackoverflow.com/questions/27934141/meteor-uploading-file-from-client-to-mongo-collection-vs-file-system-vs-gridfs

And try to write file to databse with first way: by DDP, saving file to a mongo collection.

I open my database with RoboMongo, and find there my image as binary type field.

Now i get another trouble: i can not find the way, that i can read image from database and convert it from binary object to image and use it as image in meteor app.

Please help, give me some examples, how i can do this operation in Meteor.

Here is my code to writing image to DB

var image_buffer;

Template.group_add_modal.events({

'click #create-group':function(event, template){

    console.log('create group clicked');

    var group_name = template.find('#new-group-name').value,
        group_desc = template.find('#new-group-desc').value,
        reader = new FileReader(),
        group = {};

    group = {
        created_by:Meteor.userId(),
        created_at: new Date(),
        name:group_name,
        description:group_desc,
        image:image_buffer,
        participants:[
            Meteor.userId()
        ]
    };
    console.log(image_buffer);
    addGroupDocument(group);
    Modal.hide();

    function addGroupDocument(document){
        groups.insert(document);
    }
},

'change #new-group-image' : function(event,template){
    var file = event.target.files[0];

    console.log('change new group image event');
    if (!file) return;

    var reader = new FileReader();

    reader.onload = function(event){
        image_buffer = new Uint8Array(reader.result);
        console.log('image buffered');
    }

    reader.readAsArrayBuffer(file);
}

});

2

So, if you are writing images to your mongodb, I’m thinking you are more worried about proof of concept than performance. If that’s the case, you can write base64 values to mongodb pretty easily. There is a good explanation of how to do this here.