Laravel应用在共享主机上图片显示异常的策略与实践

<?php

namespace App\Http\Controllers;

use App\Models\PorfolioSection; // 假设您的模型名称
use Illuminate\Http\Request;

class PortfolioController extends Controller
{
    public function PortfolioStore(Request $request)
    {
        // 1. 数据验证
        $validatedData = $request->validate([
            'title' => 'required|string|max:255',
            'description' => 'required|string',
            'image' => 'nullable|image|mimes:jpeg,png,jpg,gif,svg|max:2048', // 允许为空，限制图片类型和大小
        ]);

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

        // 2. 处理图片上传
        if ($request->hasFile('image')) { // 推荐使用 hasFile 方法检查文件是否存在
            $file = $request->file('image');
            // 生成唯一文件名，防止冲突
            $filename = date('YmdHi') . '_' . uniqid() . '.' . $file->getClientOriginalExtension();

            // 将图片保存到 public/portfolio_images 目录下
            // public_path() 会解析到应用的 public 目录
            $file->move(public_path('portfolio_images'), $filename); 

            $data->image = $filename; // 将文件名保存到数据库
        } else {
            // 如果没有上传图片，可以设置一个默认值或留空
            $data->image = 'no_image.jpg'; // 假设有一个默认图片
        }

        // 3. 保存数据到数据库
        $data->save();

        // ... 重定向或返回响应 ...
        return redirect()->back()->with('success', '作品集添加成功！');
    }

    // ... 其他控制器方法 ...
}

<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> 
                    <!-- 引用 public/portfolio_images 目录下的图片 -->
                    <img src="{{ !empty($portfolio->image) ? asset('portfolio_images/' . $portfolio->image) : asset('img/no_image.jpg') }}" 
                         alt="{{ $portfolio->title }}" 
                         style="width: 60px; height: 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>
</table>