How to get images from AWS s3 and display in Laravel blade

You can get images from AWS s3 and display them in the Laravel blade. You have to pass the object key (image path) with s3 bucket name to getCommand method and create the presigned URL to get the image and return the presigned URL to Laravel blade to display the image.

Answers 1

  • Get image from AWS s3 using presigned url and display in Laravel blade 

    //routes\web.php
use Illuminate\Support\Facades\Storage;

Route::get('/get-s3-document', function(){

    //For example your path to file or object key ($key) will look like the following. 
    //You can get it dynamically by storing the key to the database table while uploading document in AWS s3.
    $key = 'project/documents/file.jpg';
    $client = Storage::disk('s3')->getDriver()->getAdapter()->getClient();
    $bucket = env('AWS_BUCKET');
    
    $command = $client->getCommand('GetObject', [
        'Bucket' => $bucket,
        'Key' => $key
    ]);
    $request = $client->createPresignedRequest($command, '+20 minutes');
    $presignedUrl = (string)$request->getUri();
    return view('welcome')->with('document_url', $presignedUrl);
    
});

//resources\views\welcome.blade.php
<embed src="{{ $document_url }}">
    0

    You can get the key of the object after clicking on the object inside the folder in the AWS s3 console dashboard. You can also store the key of the object in the table and get the key to pass to getCommand method to get the image from AWS s3.

    Additional Notes:

    Import Storage Facades

    use Illuminate\Support\Facades\Storage;
    //.env
AWS_ACCESS_KEY_ID=XXXXXXXXXXXXXXXXXXXX
AWS_SECRET_ACCESS_KEY=XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX
AWS_DEFAULT_REGION=XX-XXXXXXXXX-X
AWS_BUCKET=XXXXXXXXXXXX

    • Back to code snippet queries related laravel

Log in to add code snippet
Bootstrap C C++ Cmd CodeIgniter Css Drupal Git Html Java Javascript Jquery Laravel Nodejs Php Python Sql Typescript Wordpress
Random Code Snippet Queries: Laravel
Ask Query

Copyright © 2018 - 2022 w3codegenerator.com

All Rights Reserved.

We use cookies to ensure that we give you the best experience on our website.