Laravel return image preview from base64

Question

I have base64 image and I want to return the image preview not the base64 code.

I tried

return response(base64_decode($results->getBase64Image()), 200, ['Content-Type' => 'image/png']);

but it returns a weird output.

what do you mean by return?? where do you want to returen?? – Sohel0415 Jan 29 '18 at 07:45 — Sohel0415, Jan 29 '18 at 07:45
I tried but same result @linktoahref – Kerwin Jan 29 '18 at 07:53 — Kerwin, Jan 29 '18 at 07:53
I want to return the image preview @Sohel0415 – Kerwin Jan 29 '18 at 07:53 — Kerwin, Jan 29 '18 at 07:53
first save the file, then show it from disk – Sohel0415 Jan 29 '18 at 08:07 — Sohel0415, Jan 29 '18 at 08:07

score 3 · Answer 1 · answered Feb 02 '20 at 03:58

Laravel 5.8 and above...

Just straightaway put the string into response()... and add header('Content-Type', 'image/png')

For example:

$raw_image_string = base64_decode($base64_img_string);

return response($raw_image_string)->header('Content-Type', 'image/png');

score 1 · Accepted Answer · answered Jan 29 '18 at 09:11

1

I just found an answer. imagecreatefromjpeg() php

$image = imagecreatefromstring(base64_decode($results->getBase64Image()));
        header('Content-type: image/png');
        return imagejpeg($image);

answered Jan 29 '18 at 09:11

Kerwin

339
1
7
18

Etibar · Answer 3 · 2021-07-29T05:56:03.940

0

I have used this.. for base 64 images ))))

function store()
{
    $data = $this->request->img;
    list($type, $data) = explode(';', $data);
    list(, $data) = explode(',', $data);

    $directory_bucekts = implode('/',str_split(strtolower(str_random(2))));

    Storage::disk('public')->makeDirectory('images/shopdata/'.$directory_bucekts, true, true);

//        mkdir(storage_path('app/public/images/shopdata/'.$directory_bucekts), 755, true);

    $data         = base64_decode($data);

    $fileName     = time().rand(100,1000).'.jpg';
    $path         = storage_path('app/public/images/shopdata/'.$directory_bucekts);

    file_put_contents($path .'/'. $fileName, $data);

    return response()->make(['path' =>  '/storage/images/shopdata/' . $directory_bucekts. '/' .$fileName]);

}

edited Jul 29 '21 at 05:56

answered Jan 29 '18 at 07:40

Etibar

578
6
22

base from your example, is it possible not to store the image? – Kerwin Jan 29 '18 at 07:56
you must store image and then get image in preview – Etibar Jan 29 '18 at 07:57
Ohh.. I see.. I will try that. – Kerwin Jan 29 '18 at 07:59

score 0 · Answer 4 · answered Jan 29 '18 at 08:33

0

You may return the base64 code to a view and in the view, render the image using <img> tag

$base64code = $results->getBase64Image();
return view('preview', compact('base64code'));

Blade File:

<img src="data:image/png;base64, {{ $base64code }}" alt="Image Preview" />

answered Jan 29 '18 at 08:33

linktoahref

7,812
3
29
51

I'm sorry but i want to render the image as return not from view/blade. – Kerwin Jan 29 '18 at 08:37
Do you meant let the end user download the Image Preview? – linktoahref Jan 29 '18 at 08:38
Just a preview of the image, like if you input the base64 to the address bar. – Kerwin Jan 29 '18 at 08:39

score 0 · Answer 5 · answered Nov 17 '21 at 16:23

Try this

class ImagesController extends Controller{

  public function store(Request $request, YourImageModel $imageModel){
    
    $image = base64_decode($imageModel->base64Content);
    $path = Storage::putFile('images', $image);
    
    return response()->file($path);

  }

}

You can read the doc for Request File uploading, File Uploading and File Responses, they all are under Laravel's documentation.

Have a nice day :)

score -1 · Answer 6 · answered Jan 29 '18 at 07:59

-1

Try this:

        $data = base64_decode($results->getBase64Image());
        $image_name= time().'_test_.png';
        $path = public_path() .'/'. $image_name;

        file_put_contents($path, $data);

        //serve the image
       return  response()->file($path);

See Docs.

answered Jan 29 '18 at 07:59

Sapnesh Naik

11,011
7
63
98

Thank you, but it only saves the image to the public folder, is there a way to create preview of the image? – Kerwin Jan 29 '18 at 08:06

Laravel return image preview from base64

6 Answers6

Linked