Laravel returning a 404 on an image

Issue

This should be fairly simple though it is completely stumping me.

I have a backend Laravel installation running on localhost:8000

I have a front end Angular app running on localhost:9001.

I have some 'static' images I have included in my seed data (eg. '1', 'user.png'), these images are being rendered perfectly in my front end (they are also served from the exact place my image uploads are going).

The URL I am currently serving images from is http://localhost:8000/images/{filename}

I can upload images from the front to the back end and they appear in the DB and the image is being put in the filesystem, I'm populating the correct URL in my front end (as evidenced by the previous URL).

My uploaded images are not being shown.

In my logs I am getting:

  [2015-01-20 18:13:49] local.ERROR: NotFoundHttpException Route: http://localhost:8000/images/j249ae747ce28c317e02f1fb6d0a10c3.jpg [] []
[2015-01-20 18:13:49] local.ERROR: exception 'Symfony\Component\HttpKernel\Exception\NotFoundHttpException'

I tried a method in my routes file, but couldnt see why, when I am already serving some images already?

I have also set all permissions to 755 on my /images folder.

Any ideas?

Solution

I'm not sure I follow every bit of multi-system interaction you have going on, but I'd drop back to first HTTP principles.

Try accessing the image URL directly.

http://localhost:8000/images/j249ae747ce28c317e02f1fb6d0a10c3.jpg

If the error in your browser (or your logs, if you're not developing with debug set to true) is

local.ERROR: NotFoundHttpException Route: http://localhost:8000/images/j249ae747ce28c317e02f1fb6d0a10c3.jpg

This means your web server couldn't find a file at images/j249ae747ce28c317e02f1fb6d0a10c3.jpg, and handed the request to Laravel. This means you need to figure out why your webserver can't see the file.

Assuming you're serving index.php from the public folder

1. Do you have a public/images/j249ae747ce28c317e02f1fb6d0a10c3.jpg file?

2. Are you sure? Copy and paste the path into terminal and to a ls public/images/j249ae747ce28c317e02f1fb6d0a10c3.jpg to make sure your brain isn't missing some subtle case issue

3. Are any errors showing up in your web server's logs (not Laravel's)

4. Can you create a text/html file in the images folder and serve it? If not, then you may not be pointing your web server at the folder you think you are.

Something like

http://localhost:8000/images/test.txt
http://localhost:8000/images/test.html

Some first principles debugging like that should point you in the right direction.

Answered By - Alan Storm