How to display an image Laravel

Learn how to output an image in Laravel with an example: create a route, controller, and view.

Displaying an Image in Laravel

Displaying an image in Laravel is easy. All you need to do is use the <img> tag. Here's an example of how you would display an image called example.png:

<img src="{{ asset('example.png') }}" alt="Example Image">

This will output an image from the public folder in your Laravel App. You don't even need to specify the full path of the image. Instead, you can just use the asset('example.png') syntax.

You can also specify custom attributes to the <img> tag. For example, you can set the width, height, and styles of the image:

<img src="{{ asset('example.png') }}" alt="Example Image" width="400" height="200" style="border:1px solid #ccc">

If you want to use an image from an external source, you can use the src attribute to specify the URL of the image. For example:

<img src="https://example.com/example.png" alt="Example Image">

This will output the image from the external source. You can also use the asset() method for external images, but it's not recommended unless you're sure the image won't change.

In addition to the <img> tag, you can also use the Storage::url() method to display images from your Laravel Storage. Here's an example of how you would do this:

<img src="{{ Storage::url('example.png') }}" alt="Example Image">

This will output the image from the Laravel Storage. The Storage::url() method is useful if you want to keep your images in the Storage folder and serve them from there.

You can also use the Storage::disk() method to display images from a specific disk. Here's an example of how you would do this:

<img src="{{ Storage::disk('s3')->url('example.png') }}" alt="Example Image">

This will output the image from the specified disk. This is useful if you want to keep your images on a different disk, such as Amazon S3.

Finally, you can also use the Storage::download() method to download an image from Laravel Storage. Here's an example of how you would do this:

<a href="{{ Storage::download('example.png') }}">Download Image</a>

This will create a link to the image that can be used to download it. The Storage::download() method is useful if you want to allow users to download the image from your app.

That's it! As you can see, displaying an image in Laravel is easy and straightforward. With the help of the <img> tag, the asset() and Storage::url() methods, and the Storage::download() method, you can easily display and manage images in your Laravel app.