Laravel 5 - How can we access image from storage

Blimey... where to begin?

In the controller you are trying to return just the filepath? That is a text string, not an image/jpg

If you just hit that route in your browser, do you get the image path in return? Use Postman (https://www.getpostman.com/) if you need to generate a post request (but most would just code Route::get(/viewProfile/image/{id}) )

(infact what you should do is obfuscate the path so that someone cannot just crawl all the profile images - see https://philsturgeon.uk/http/2015/09/03/auto-incrementing-to-destruction/ )

You would use the content type header if you were actually streaming the image in the response.

Is this like a single page app where you are trying to get all the assets client side? Are you using some framework?

Alternatively, have a look at https://github.com/thephpleague/glide

By default, this will render images from your storage, and allow you to do all sorts of things with it such as cropping, color correction etc.

@Snapey , My firebug console shows response. Some encoded data like "�����JFIF�



,
,�����C�" and status is 200 OK 190ms

forget firebug... what do you expect returned? An image or the path to an image?

@Snapey, I am expecting image. Currently no path is storing in database. Is this a problem?

I don't think you can use that with img src tag ?

you would need to use it as inline data and base64 encode the stream

http://www.websiteoptimization.com/speed/tweak/inline-images/

please tell us what you are trying to do and why this is an Ajax call?

@Snapey, I am trying to view profile pic with the help of ajax and laravel storage

sorry for all the questions. Clever people here might fix your code, but that does not necessarily mean it is the right code.

there are many ways to achieve the same thing so when someone seems to be doing it a difficult way, the question has to be why? what sort of problem are you trying to solve?

Why in this bit of code do you need to retrieve the image when you did not think you needed to when you first sent the view to the user?

@Snapey, I will explain. It is a user profile page. When user login to the system they can view their profile page. Eg user id is 1. In my code I am trying to pass this user id "1" to controller page and getting image of particular user. User images are stored under storage/app/1/1.jpeg. i think it reads you will get an overall idea.

OK, so why don't you just pass the url to the image with the view.

To help, in your UserController create a function;

    public function getProfileImage(){

    return Storage::get($this->id.'/'.$this->id.'.jpeg');
    }

Then in your view, just do

name: { { $user->name } }
email: { { $user->email } }

photo: <img src="{ { $user->getProfileImage } }" />

(note that I have had to double space the braces for the forum only)

@sarathiscookie Store the profile picture filename in your users database table in a column called avatar_filename or similar. Then move the actual image file to a web-accessible directory when the user uploads it, somewhere like public/img/avatars.

When you fetch a user, you’ll get the filename. So if I upload a file called example.jpg, then the path would be public/img/avatars/example.jpg. So in your view, you can do this:

<img src="{{ asset('img/avatars/'.$user->avatar_filename) }}" alt="Avatar" />

You’ll also need to make sure filenames don’t clash, i.e. if two users upload profile images with the same filename. Personally, I use the uniqid() PHP function and use that as filenames of uploaded images. In the case of profile pictures, there’s no reason why you couldn’t name them by a hash of the user’s primary key (i.e. sha1($user->getKey())). This means you won’t be exposing your users’ IDs via filenames.

@Snapey , My controller page is ProfileimageController.php. I have created function like you mentioned. How can i get in <img tag?

Sorry, I should have said create that function in your User model

Hi, I am also face the same problem. Storage::get does not return the file path. it return content. if content came how to handle image, PDF, etc...

Controller

$path=Storage::get('pdf/a.jpg');
return view('test.view', compact('path'));

View

<img src="{{ $path }}" >

@balasubramani storage is not public. You cannot save files there then create web links to them. This thread is about being able to use laravel to intercept the call for the image, get it from private storage and stream the file to the client.

Start your own thread with what you are trying to do and what you have done so far.

@Snapey

Thanks for guide.

I want to secure each file. So only I choose storage location. way of getting file's content throw streaming.

Is this proper way for programming.

Controller

$path=Storage::get('pdf/pdf.pdf');

View File

<embed width="100%" height="100%" src="data:application/pdf;base64,{{ base64_encode($path) }}">

Thanks for reply.

@balasubramani

I would not suggest you try and embed the contents of a large file in this way. Have a look at https://laravel.com/docs/5.2/responses#file-downloads

and

http://laravel.io/forum/04-23-2015-securing-filesimages

What you need to do is create a route that is dedicated to downloading the pdf, and then reference that via a link in your view.

I do this:

Route::get('/image/{path}/{file}', ['as'=>'image', 'uses'=>'ImageController@getImage']);

public function getImage($path,$file){
        if($file){
            $url = $path."/".$file;
        }else{
            $url = $path;
        }
        $path = storage_path("app/") . $url;

        if(!File::exists($path)) abort(404);

        $file = File::get($path);
        $type = File::mimeType($path);

        $response = Response::make($file, 200);
        $response->header("Content-Type", $type);

        return $response;
}

Now, I can use my ACL for this route or other condition rules inside controller.