Laravel does not display uploaded image

Question

I'll need your help there, I have a form when I submit an image, it's working fine, but when I try to display the image on an another page, its display a white square (I can see that it's working because I can see the name of the image in the console). This is my app.blade.php :

   <div class="menu_connect_big_screen">
                <img src="{{Auth::user()->image}}"/>
                <p>{{Auth::user()->firstName}} {{Auth::user()->lastName}}</p>
                <a href="{{ url('/my_account') }}">Mon compte</a> | <a href="{{ url('/logout') }}">Se déconnecter</a>
            </div>

And this is my controller :

<?php

namespace App\Http\Controllers;

use Illuminate\Http\Request;
use App\User;
use Auth;


class ProfilePictureController extends Controller
{
    public function update(Request $request)
    {
        $request = $request->All();

            User::where('id', Auth::user()->id)
                ->update(
                    [
                        'image' => $request['image']]
                );
            return redirect()->to('/')->with(['image-changed' => 'Photo de profil modifiée !']);
        }

}

I'm kinda new to laravel so any help would be thankful. Thank you.

What's the content of Auth::user()->image ?

Clément Baconnier
– Clément Baconnier

2019-05-15 09:17:44 +00:00
Commented May 15, 2019 at 9:17 — Clément Baconnier
– Clément Baconnier, Commented May 15, 2019 at 9:17
did you use blob file type in your image column ?

frogeyedman
– frogeyedman

2019-05-15 09:17:49 +00:00
Commented May 15, 2019 at 9:17 — frogeyedman
– frogeyedman, Commented May 15, 2019 at 9:17
@frogeyedman Yes I do :

Bastien
– Bastien

2019-05-15 09:19:48 +00:00
Commented May 15, 2019 at 9:19 — Bastien
– Bastien, Commented May 15, 2019 at 9:19
@cbaconnier Its an image that I upload on a form

Bastien
– Bastien

2019-05-15 09:20:36 +00:00
Commented May 15, 2019 at 9:20 — Bastien
– Bastien, Commented May 15, 2019 at 9:20

frogeyedman · Accepted Answer · 2019-05-15 09:24:42Z

2

If the image is stored in blob you should use base64 in your image tag like so;

<img src="data:image/jpeg;base64,{{base64_encode( Auth::user()->image )}}"/>

However, this is not specific to Laravel.

answered May 15, 2019 at 9:24

frogeyedman

5241 gold badge5 silver badges23 bronze badges

Sign up to request clarification or add additional context in comments.

12 Comments

Bastien Over a year ago

I don't know if it change something but its "longblob" not "blob"

Dan Over a year ago

To clarify: blob can only store as much as 16 KB of data. mediumblob up to 64 MB and longblob with 4 GB nearly the whole internet.

Bastien Over a year ago

@Dan thanks for the clarification ahah, so even with base64 encoder I still have this problem

Dan Over a year ago

If you've used blob before and changed it so it can hold larger images, you might have to upload the image again.

Bastien Over a year ago

@Dan Nah I stille used longblob and nothing change :/

|

Natvarsinh Parmar - bapu · Accepted Answer · 2019-05-23 04:28:03Z

0

For example user images stored in public/user_images directory

   <div class="menu_connect_big_screen">

       <img src="{{ asset('user_images/' . Auth::user()->image) }}" height="50px" width="50px">

       <p>{{Auth::user()->firstName}} {{Auth::user()->lastName}}</p>
       <a href="{{ url('/my_account') }}">Mon compte</a> | <a href="{{ url('/logout') }}">Se déconnecter</a>
   </div>

edited May 23, 2019 at 4:28

answered May 18, 2019 at 18:37

Natvarsinh Parmar - bapu

1,1381 gold badge8 silver badges8 bronze badges

Collectives™ on Stack Overflow

Laravel does not display uploaded image

2 Answers 2

12 Comments

Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

12 Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related