如何用Laravel 5.6与Blade实现文件夹图片幻灯片展示（纯PHP迁移）

Got it, let's walk through how to migrate your image slider from plain PHP to Laravel with Blade—focusing on the path and permission issues you mentioned. Here's a step-by-step breakdown:

1. Fix Image Storage & Web Accessibility #

First, Laravel serves all web-accessible files from the public/ directory. So:

• Move your img/folder/ (with all PNGs) into Laravel's public/ folder. Now your images live at public/img/folder/.
• If you can't move the folder (e.g., it's shared with other apps), create a symbolic link from public/img/folder to your original folder. On Linux/macOS, run:

  ln -s /path/to/your/original/img/folder /path/to/laravel/public/img/folder
  

2. Fetch Images in a Controller #

Create a controller to handle fetching the images and passing them to your Blade view. Let's make a SliderController:

<?php

namespace App\Http\Controllers;

use Illuminate\Support\Facades\File;

class SliderController extends Controller
{
    public function index()
    {
        // Get the absolute path to your public image folder
        $imageDir = public_path('img/folder');
        
        // Fetch all PNG files (Laravel's File facade is cleaner, but glob works too)
        $imageFiles = File::files($imageDir);
        
        // Convert file objects to web-accessible URLs
        $imageUrls = [];
        foreach ($imageFiles as $file) {
            if ($file->getExtension() === 'png') {
                $imageUrls[] = "/img/folder/{$file->getFilename()}";
            }
        }

        // Alternatively, use glob if you prefer your original approach:
        // $images = glob($imageDir . '/*.png');
        // $imageUrls = array_map(fn($img) => str_replace(public_path(), '', $img), $images);

        // Pass URLs to the Blade view
        return view('slider', compact('imageUrls'));
    }
}

3. Add a Route #

In routes/web.php, add a route to point to your controller method:

use App\Http\Controllers\SliderController;

Route::get('/slider', [SliderController::class, 'index']);

4. Render the Slider in Blade #

Create a Blade view at resources/views/slider.blade.php and loop through the image URLs:

@foreach($imageUrls as $image)
    <div class="mySlides">
        <img class="slide-img" src="{{ $image }}" style="width:100%">
        <div class="text">Your slide caption here</div>
    </div>
@endforeach

5. Fix Permissions #

Ensure your web server can read the image folder:

• On Linux/macOS, set the correct permissions:

  chmod -R 755 public/img/folder
  # If needed, set the owner to your web server user (e.g., www-data for Apache/Nginx)
  sudo chown -R www-data:www-data public/img/folder
  

• On Windows, right-click the folder → Properties → Security → Give read access to your web server user (e.g., IIS_IUSRS).

Bonus: Using Storage Folder (If You Don't Want Public Access) #

If you want to store images in storage/app/public (not directly in public/), run this command to create a symbolic link:

php artisan storage:link

Then adjust your controller path to storage_path('app/public/img/folder') and URLs will be /storage/img/folder/filename.png.

内容的提问来源于stack exchange，提问作者Br0wn