Getting images from Amazon S3 in AngularJS

Question

I'm developing a website with AngularJS in frontend that sends requests to a Rails 4 API backend. I have to manage quite images, so I would like to use Amazon S3 (but I'm a newbie with this and I'm a bit lost).

I have uploaded an image to the folder in a new bucket (yanpy.dev) I have created in the path:

img/boats/1/1.jpg

How can I get this image to display it in a view in my AngularJS front-end?

Im trying something like:

<img src="http://yanpy.dev.s3.amazonaws.com/img/boats/1/1.jpg">

But it is not working.

Answer 1

See @Sebastian comment above. Point for him.