How to get image from resources in Laravel?

Question

I upload all user files to directory:

/resources/app/uploads/

I try to get image by full path:

http://localhost/resources/app/uploads/e00bdaa62492a320b78b203e2980169c.jpg

But I get error:

NotFoundHttpException in RouteCollection.php line 161:

How can I get image by this path?

Now I try to uplaod file in directory /public/uploads/ in the root:

$destinationPath = public_path(sprintf("\\uploads\\%s\\", str_random(8)));
$uploaded = Storage::put($destinationPath. $fileName, file_get_contents($file->getRealPath()));

It gives me error:

Impossible to create the root directory

try uploading in public folder.. then you should be able to access with asset() method.. — Jaimin, Aug 03 '16 at 07:15
Okay, how to specify path to public directory in `Storage::put()`? — Dev, Aug 03 '16 at 07:19
you can use public_path() when saving and asset() when retrieving.. — Jaimin, Aug 03 '16 at 07:23

Alfonz · Answer 1 · 2016-08-03T07:25:42.970

40

You can make a route specifically for displaying images.

For example:

Route::get('/resources/app/uploads/{filename}', function($filename){
    $path = resource_path() . '/app/uploads/' . $filename;

    if(!File::exists($path)) {
        return response()->json(['message' => 'Image not found.'], 404);
    }

    $file = File::get($path);
    $type = File::mimeType($path);

    $response = Response::make($file, 200);
    $response->header("Content-Type", $type);

    return $response;
});

So now you can go to localhost/resources/app/uploads/filename.png and it should display the image.

edited Aug 03 '16 at 07:25

answered Aug 03 '16 at 07:22

Alfonz

1,010
13
26

1

Logic should not be placed in the path, it belongs in the controller or the model. – AndrewRMillar Nov 23 '18 at 06:34
I tried this approach using Laravel 8 (ex: http://localhost:8000/files-layout-test/backend-layout-header-tb02-03.jpg) and I get ```Not Found``` message. But when I take away the file name extension (ex: http://localhost:8000/files-layout-test/backend-layout-header-tb02-03), goes through, but I need the file extension to be there. Any ideas on why this could be happening? – Jorge Mauricio May 22 '22 at 17:44

Rav · Accepted Answer · 2018-11-21T23:55:11.253

26

You may try this on your blade file. The images folder is located at the public folder

<img src="{{URL::asset('/images/image_name.png')}}" />

For later versions of Laravel (5.7 above):

<img src = "{{ asset('/images/image_name.png') }}" />

edited Nov 21 '18 at 23:55

answered Aug 04 '16 at 08:23

Rav

1,327
3
18
32

1

In Laravel 5.7 you an just do `{{ asset('/images/image_name.png') }}` – AndrewRMillar Nov 20 '18 at 15:04
@Sl4rtib4rtf4st, yes. will edit my answer to reflect the said alternative on Laravel 5.7 – Rav Nov 21 '18 at 23:54
3

And also, you may define the asset path by setting ASSET_URL in .env file. – anoraq Feb 26 '19 at 13:08
1

@Sl4rtib4rtf4st what would be the folder path for such assets? Do I store it in resources? – abhig10 Jul 17 '19 at 07:47
@abhig10 still in the public folder – Rav Sep 11 '19 at 07:18

score 10 · Answer 3 · answered Aug 03 '16 at 08:32

10

Try {{asset('path/to/your/image.jpg')}} if you want to call it from your blade

or

$url = asset('path/to/your/image.jpg'); if you want it in your controller.

Hope it helps =)

answered Aug 03 '16 at 08:32

Han Lim

671
7
17

score 8 · Answer 4 · answered Jun 08 '21 at 06:35

8

As @alfonz mentioned, resource_path() is correct way to get the resource folder directory. To get a specific file location, code will be like the following

 $path = resource_path() . '/folder1/folder2/filename.extension';

answered Jun 08 '21 at 06:35

Hriju

728
1
16
27

score 1 · Answer 5 · answered Sep 11 '22 at 18:30

First, change your config/filesystems.php

'links' => [
        public_path('storage') => storage_path('app/public'),
        public_path('resources') => resource_path('images'),
    ],

Then normally run

 asset('resources/image.png')

you will get the file URL.

While1 · Answer 6 · 2023-07-25T11:36:50.933

Laravel 10 Asset Bundling (Vite)

if you want to process and version all images stored in resources/images you should add the following in your application's entry point resources/js/app.js

import.meta.glob([
  '../images/**',
]);

After then reference these assets in blade like that

<img src="{{ Vite::asset('resources/images/logo.png') }}">

to get it work, need to build npm run build or run Vite development server npm run dev

For more information https://laravel.com/docs/10.x/vite#blade-processing-static-assets

How to get image from resources in Laravel?

6 Answers6

Linked