Meteor: Get url of uploaded image in CollectionFS photo-blog example

Question

I'd like to be able to pass the URL of an uploaded image in javascript in the tutorial example making a photoblog in meteor.

In that example (in home.js), the helper for templates that render images returns Images.find(), which is used in the image template (image.html) to output html to show the image via:

<img src="{{url}}" />

This works fine, as does the entire tutorial, including S3. However, I'd like to combine it with another project, and that one will require storing and passing around the url under program control.

It would seem that because the template is able to use {{url}}, that in js, one could, in the simplest case, use Images.findOne().url to get at least the first url. E.g., I have modified the given helper to contain this:

Template.home.helpers({
  'images': function() {
   console.log("url from home helper:  = "  + Images.findOne().url);  //cannot read url property
   return Images.find();
   }
 });

However, this gets the error "cannot read url property..." (and after that, for some reason, the console prints out a huge batch of source code!!) If the template is able to render the field "url" from the collection image object, why can't js see it?

How can I get at the url in javascript?

Answer 1

the url is the function not the property so you have to use Images.findOne().url() not the Images.findOne().url

or

if you are getting the same error that because your findone method return undefined. There are the possible issues.

1. Your Images collection are empty.
2. You did not publish then images and not subscribe the images.
3. You may be using this call before uploading the images.

I hope this this may solve your issue.