Laravel应用在共享主机上图片部署与显示指南

<?php

namespace App\Http\Controllers;

use App\Models\PorfolioSection; // 假设您的模型是这个
use Illuminate\Http\Request;

class PortfolioController extends Controller
{
    public function PortfolioAdd()
    {
        return view('frontendbackend.portfoliosection.addportfolio');
    }

    public function PortfolioStore(Request $request)
    {
        // 数据验证
        $validatedData = $request->validate([
            'title' => 'required|unique:portfolio_sections,title', // 确保标题唯一性
            'description' => 'required',
            'image' => 'nullable|image|mimes:jpeg,png,jpg,gif,svg|max:2048', // 验证图片类型和大小
        ]);

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

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

            // 将图片移动到 public 目录下的 'portfolio_images' 子文件夹
            // public_path() 会指向 Laravel 应用的 public 目录
            $file->move(public_path('portfolio_images'), $filename);

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

        $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> 
                <!-- 使用 asset() 辅助函数生成正确的图片URL -->
                <img src="{{ asset('portfolio_images/' . $portfolio->image) }}" 
                     alt="{{ $portfolio->title }}" 
                     style="width: 60px; height: 60px; object-fit: cover;"> 
            </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>
<!-- ... 其他表格内容 ... -->