Question

I see that this has been asked here before, but nothing since Meteor.http has been available. I’m still grasping the concepts of Meteor and file uploads are totally eluding me.

Here’s my question:
So, in what I believe to be the right method,
Meteor.http.call("POST", url, [options], [asyncCallback])
what do you put for the url? With the client/server javascript relationship in meteor, it doesn’t seem like it really uses urls that much.

If anyone has a basic example of a file upload in meteor, that would just be extra awesome.

Answer 1

Take a look at filepicker.io. They handle the upload, store it into your S3, and return to you the url that you can dump into your db.

1. Wget the filepicker script into your client folder.

   wget https://api.filepicker.io/v0/filepicker.js
   

2. Insert a filepicker input tag

   <input type="filepicker" id="attachment">
   

3. In the startup, initialize it:

   Meteor.startup( function() {
       filepicker.setKey("YOUR FILEPICKER API KEY");
       filepicker.constructWidget(document.getElementById('attachment'));
   });
   

4. Attach a event handler

   Template.templateNameHere.events({
       'change #attachment': function(evt){
           console.log(evt.files);
       }
   });
   

(I had posted on How would one handle a file upload with Meteor? Sorry. I’m new here. Is it kosher to copy the same answer twice? Anyone who knows better can feel free to edit this.)