Image source not readable (what am i doing wrong)

Appears as if you're using Intervention Image and AWS:

$image = Image::make(request()->file('photo'));
Storage::disk('s3')->put("/path/toAws/Image.jpg", $image->stream());

@notimeforcaution it is saving now and it is updated in my database but it is not displaying on the website so i added this

$image = Image::make(request()->file('image'));
            Storage::disk('s3')->put("uploads", $image->stream());
            return Storage::disk('s3')->temporaryUrl("uploads", Carbon::now()->addMinutes(5));

It is giving this error Class 'Carbon' not found

also how can i display it on the blade

<img class="post-image rectangle" src="{{ secure_asset('image/' . $post->image ) }}">

it is storing as uploads\image.jpg in the database

Import Carbon within controller with:

use Carbon\Carbon;

And display Storage instance in your blade templates as a regular variable unless you want to store locally:

$image = Storage::disk('s3')->temporaryUrl("uploads", Carbon::now()->addMinutes(5));
<img src="{{ $image }}"/>

@notimeforcaution anytime i visit the image url e.g localhost:8000/images/uploads/image.jpg it usually says NOT FOUND the image saves in the database and also at S3

Controller

private function storeImage($post)
    {
        if (request()->hasFile('image')){

            $original = request()->file('image')->getClientOriginalName();

            $post->update([
                'image' => request()->file('image')->storeAs('uploads', $original),
            ]);

            $image = Image::make(request()->file('image'));
            Storage::disk('s3')->put('uploads', $image->stream());
            $image = Storage::disk('s3')->temporaryUrl("uploads", Carbon::now()->addMinutes(5));
        }
    }

Shouldn't it load the image from s3?

Something like

<img class="post-image rectangle" src="{{ Storage::disk('s3')->url('image/'. $post->image ) }}">

Double check this chapter https://laravel.com/docs/7.x/filesystem#introduction

What @sinnbeck posted will work as well.

I cache all images via controller method calls but simply returning the s3 url works as well. The image may have to be made public via AWS bucket console though. Can't recall.

@henryoladj Is your Storage instance returning path to files in tinker? Start a tinker session and try:

Storage::disk('s3')->allFiles('/uploads');

It should return array of string values of all files in the instance.

@notimeforcaution @sinnbeck so no way it can load from my own url instead of s3 url?

How about returning the raw data with a header?

return response(Storage::disk('s3')->get($image))->header('Content-Type', 
           'image/jpeg');

@henryoladj

You absolutely can but will probably get AccessDenied from AWS until you make the image public.

<Error>
<Code>AccessDenied</Code>
<Message>Access Denied</Message>
<RequestId>07CFF9F017D3BC42</RequestId>
<HostId>
uALdk71Q0CLN7giHKSTQ8/w/N19DJ1L+73zY6YH8sagcUM8htVdcXyF0quk1hzZLysZj48sFuvQ=
</HostId>
</Error>

Do you know how to do that?

@sinnbeck Illuminate\Contracts\Filesystem\FileNotFoundException https://monstajams-laravel.s3.eu-west-2.amazonaws.com/uploads?X-Amz-Content-Sha256=UNSIGNED-PAYLOAD&X-Amz-Algorithm=AWS4-HMAC-SHA256&X-Amz-Credential=AKIAQQ2XFAI5OGKPVS56%2F20200312%2Feu-west-2%2Fs3%2Faws4_request&X-Amz-Date=20200312T202309Z&X-Amz-SignedHeaders=host&X-Amz-Expires=300&X-Amz-Signature=70ddc19cc8c75228750f30bd1440bc61caec01c2fc883a38d0cbdfdabf530a91

@notimeforcaution i have made it public but it is giving me Not Found if i try to access it with http://localhost:8000/images/uploads/01-Motigbana.jpg

But it is working with the aws s3 link

And you are absolutely sure that $image is the path to the image on s3? Try dd($image);

@sinnbeck got this using dd($image) https://monstajams-laravel.s3.eu-west-2.amazonaws.com/http%3A//localhost%3A8000/uploads?X-Amz-Content-Sha256=UNSIGNED-PAYLOAD&X-Amz-Algorithm=AWS4-HMAC-SHA256&X-Amz-Credential=AKIAQQ2XFAI5OGKPVS56%2F20200312%2Feu-west-2%2Fs3%2Faws4_request&X-Amz-Date=20200312T203550Z&X-Amz-SignedHeaders=host&X-Amz-Expires=300&X-Amz-Signature=0f2aeedeb41bb0f398e4c8f9eb51b53499389d8b2ee70ce7dc070feed72b67c2

Ok that is an url, not a path. try setting it manually. Like

$image = 'path/to/image.jpg';

@sinnbeck i am just getting this "path/to/image.jpg" after dd($image)

Yes just remove the dd. It was just for debugging. And change the path to one you know exists

@sinnbeck It did not work still

@notimeforcaution @sinnbeck I have created the aws account and linked it on my laravel, the images are storing inside aws and also in my database.

but i do not want to use aws url but my own website url to access the image like so ````localhost:8000/images/uploads/image.jpg```

private function storeImage($post)
    {
        if (request()->hasFile('image')){

            $original = request()->file('image')->getClientOriginalName();

            $post->update([
                'image' => request()->file('image')->storeAs('uploads', $original),
            ]);

            $image = Image::make(request()->file('image'));
            Storage::disk('s3')->put('uploads', $image->stream(), 'public');
            $image = Storage::disk('s3')->temporaryUrl("uploads", Carbon::now()->addMinutes(5));
            $image = 'http://localhost:8000/images/';
        }
    }

I want this image link to change from the one below

@if($post->image)
        <img class="post-image rectangle" src="{{ secure_asset('https://example-bucket.s3.eu-west-2.amazonaws.com/' . $post->image ) }}">
        @endif

to something like this

@if($post->image)
    <img class="post-image rectangle" src="{{ secure_asset('images/' . $post->image ) }}">
@endif

which displays an image link like this http://localhost:8000/images/uploads/image.jpg

mind you image is stored in my database like uploads/image.jpg

whilst technically possible, I don't believe you have the experience to pull it off.

You would need to create a route which accepts the image request, gets the correct image from AWS then returns it to the visitor.

This process will be slower than just using local storage.

Your url in the database is the least of your issues