如何在实时服务器上显示 Laravel 图像？

Question

I developed a laravel app which is working perfectly on my local machine together with the images. On deployment to live server, the images are no longer visible. I am using shared hosting and my folder structure is like this: public_html containing the public files like upload and main containing the remaining files which should not be visible to the user. Here is my controller `public function

PortfolioAdd(){
        return view('frontendbackend.portfoliosection.addportfolio');
    }

    public function PortfolioStore(Request $request){

            $validatedData = $request->validate([
                'title' => 'required:portfolio_sections,title',
                'description' => 'required:portfolio_sections,description',
            
            
        ]);

        $data = new PorfolioSection();
        $data->title = $request->title;
        $data->description = $request->description;

        if ($request->file('image')) {
            $file = $request->file('image');
            $filename = date('YmdHi').$file->getClientOriginalName();
            $file->move(public_path('upload/portfolio_images'),$filename);
            $data['image'] = $filename;
        }
     
        $data->save();

`and here is my view

                  <table id="example1" class="table table-bordered table-striped" style = "color:white">
                    <thead>
                    <tr>
            <th width="5%" style = "color:white">SL</th>
            <th style = "color:white">Title</th>
            <th style = "color:white">Description</th>
            <th style = "color:white">Image</th>
            <th style = "color:white">Action</th>    
        </tr>
    </thead>
    <tbody> 
    @foreach($allData as $key => $portfolio )
        <tr>
            <td style = "color:white"> {{ $key+1 }} </td>
            <td> {{ $portfolio->title }} </td>
            <td> {{ $portfolio->description }} </td>
            <td> 
                
                <img src="{{ (!empty($portfolio->image))? url('upload/portfolio_images/'.$portfolio->image):url('upload/no_image.jpg') }}" style="width: 60px; width: 60px;"> 
                           </td>    

            
            <td>
            <a href="{{route('view.portfolio.edit', $portfolio->id)}}" class="btn btn-info">Edit</a>
            <a href="{{route('view.portfolio.delete', $portfolio->id)}}" class="btn btn-danger" id="delete">Delete</a>

            </td>
        </tr>
        @endforeach
                    </tbody>
                    <tfoot>
                         
                    </tfoot>
                  </table>

Answer 1

First check whether ($portfolio->image) is showing any value by passing it directly in the tag ie

{{ $portfolio->image}}

if it returns values, check whether the value exists in your folder. If it exists ch then check your image src.

Answer 2

I would try the following(have not tested)

change this: $file->move(public_path('upload/portfolio_images'),$filename);

to: $file->move(public_path() . 'upload/portfolio_images',$filename);

Answer 3

You must create a symbolink link for that. The default folder for uploading files is the storage folder. By running php artisan storage:link, the application will generate a symbolic link that files will be accebile from the public area. Google symbolic link. You will find the answer.

Answer 4

the easiest way to do it is to create a folder inside your public folder eg portfolio_images. then

        if ($request->has('photo')) {
            $photoName= time() . 'photo' . $request->receipt->extension();
            $request->photo->move(public_path('portfolio_images'), $photoName);
        }

This will save it in public>portfolio_images. Then in your view write <img id="previewImg" src="{{ asset("portfolio_images/$portfolio->image") }}" alt="Preview your image" height="150"> This should solve it!