issue in displaying Image in laravel4

Question

I had uploaded an image by using the Intervention PHP image handling and manipulation library in laravel4. By using this library I uploaded the image properly but the problem I facing is that when I tryed to display those image from database, it is showing that there is an invalid url. However, the url is valid and I think this is an issue regarding permissions.

I am posting the below permission that is given by default to an uploading folder and also the user is permitted to access it is www-data. enter image description here

My Code

@section('main')
@extends('layouts/user')
<h1>All Users</h1>

<p>{{ link_to_route('users.create', 'Add new user') }}</p>

@if ($users->count())
    <table class="table table-striped">
        <thead>
            <tr>
                <th>FirstName</th>
                <th>LastName</th>
                <th>Email</th>
                <th>Address</th>
                <th>Image</th>
                <th>Action</th>
            </tr>
        </thead>

        <tbody>
            @foreach ($users as $user)
                <tr>
                    <td>{{ $user->firstName }}</td>
                    <td>{{ $user->lastName }}</td>
                    <td>{{ $user->emailId }}</td>

                    <td>{{ $user->address }}</td>
                    <td>{{ HTML::image('uploadImg/B05BgJ_school-uniform.jpg') }}</td>

                    </td>

                    <td>{{ link_to_route('users.edit', 'Edit',
                            array($user->id), array('class' => 'btn btn-info')) }}</td>
                                                <td>
                                    {{ Form::open(array('method' 
                            => 'DELETE', 'route' => array('users.destroy', $user->id))) }}                       
                                                        {{ Form::submit('Delete', array('class'
                            => 'btn btn-danger')) }}
                        {{ Form::close() }}
                    </td>

                </tr>
            @endforeach
        </tbody>

    </table>
            <div class="pagination"><?php echo $users->links(); ?></div>
@else
    There are no users
@endif

@stop

Show us the code you are using to display the image, and var_dump the image url — Brewal
– Brewal, Commented Aug 22, 2014 at 12:09
What does {{ HTML::image('uploadImg/B05BgJ_school-uniform.jpg') }} outputs ? — Brewal
– Brewal, Commented Aug 22, 2014 at 12:51

Fasil kk · Accepted Answer · 2014-08-26 08:40:32Z

3

+50

Check what error you are getting when you displaying the image from from browser directly.(I mean enter the full URL to the image on browser).
Make sure the URL generated by laravel and the real image URL are same. if you can display the image from browser directly.
All the images should be in public folder and normally should not have an .htacces file in the base.(I mean the folder below public)

Make sure .htaccess ile in the public folder is like this,

    <IfModule mod_rewrite.c>
        Options -MultiViews
        RewriteEngine On

        RewriteCond %{REQUEST_FILENAME} !-d
        RewriteRule ^(.+)/$ http://%{HTTP_HOST}/$1 [R=301,L]

        RewriteCond %{REQUEST_FILENAME} !-f
        RewriteRule ^ index.php [L]
    </IfModule>

answered Aug 26, 2014 at 8:40

Fasil kk

2,19717 silver badges27 bronze badges

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

2 Comments

Ricky Over a year ago

It works the only problem that i facing is of .htaccess file code now it is working properly thanks @Fasil kk

Ricky Over a year ago

my previous code was like this <IfModule mod_rewrite.c> Options +FollowSymLinks RewriteEngine On RewriteCond %{REQUEST_FILENAME} !d RewriteCond %{REQUEST_FILENAME} !f RewriteRule ^ index.php [L] </IfModule>

alou · Accepted Answer · 2014-08-22 13:32:37Z

1

Any images you create / upload need to go after public/ (or whatever your public folder is) otherwise it will not render to a valid url, since the request will always be to path-to-public-folder/image-folder/image.jpg or something and according to the folder structure in your image, the image-folder is unreachable.

In your case, you created a folder uploadimg in the same level with app directory, while it should be at public/uploadimg

Another thing i notice is that you ask for an image from

 {{ HTML::image('uploadImg/B05BgJ_school-uniform.jpg') }}

while it should be from

 {{ HTML::image('uploadimg/B05BgJ_school-uniform.jpg') }}

(assuming the image name and path is correct, this would work if the uploadimg folder is inside public/ folder)

answered Aug 22, 2014 at 13:32

alou

1,51214 silver badges17 bronze badges

2 Comments

Ricky Over a year ago

yes the upload folder is in public itself but i think there is big issue of permission.

Jeremy Anderson Over a year ago

@alou , I think you are incorrect about the "Another thing" part, the capitalization is correct, Ubuntu just uses a funny font. However, I think your first point is spot on.

djm.im · Accepted Answer · 2014-08-22 12:57:47Z

0

The problem is, perhapse, path to the image. The root directory for laravel application is app/ directory.

Try to puth apsolute path: HTML::image('/var/www/testLara/uploadImg/B05BgJ_school-uniform.jpg').

And you should store your images in some subdirectory of /public directory.

answered Aug 22, 2014 at 12:57

djm.im

3,3334 gold badges32 silver badges47 bronze badges

3 Comments

Ricky Over a year ago

i dis-agree for the path that you had given inHTML::image('/var/www/testLara/uploadImg/B05BgJ_school-uniform.jpg') because when we use HTML::image('') it takes path of out base url itself so there is no need to gave full path there unless it get invalid url

Ricky Over a year ago

from your code it will generate html like this <img src="localhost/testLara/var/www/testLara/uploadImg/…"> and it is invalid for url

djm.im Over a year ago

Oh, you're right, my mistake. Anyway, I think you should move uploadImage in /public directory. Also, on Ubuntu (and other Linux distros) uploadImg and uploadimg are two different directories. So rename you directory or change name in code.

Jeremy Anderson · Accepted Answer · 2014-08-28 22:47:59Z

0

Your "uploadImg" directory is not inside the "public" directory, as others have said, this is according to your screenshot. Is there another uploadImg directory inside "public"? There are three very important questions that remain unanswered.

What path does your database show in the table?
What does {{ HTML::image('uploadImg/B05BgJ_school-uniform.jpg') }} output?
Where is the actual image file located, once uploaded? (go check now)

answered Aug 28, 2014 at 22:47

Jeremy Anderson

8255 silver badges16 bronze badges

Collectives™ on Stack Overflow

issue in displaying Image in laravel4

4 Answers 4

2 Comments

2 Comments

3 Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

4 Answers 4

2 Comments

2 Comments

3 Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related