[COMMON] sử dụng Session::get('success'), Session::get('images') một cách thành thạo (ok)

C:\xampp\htdocs\test\app\Models\Image.php

<?php
namespace App\Models;
use Illuminate\Database\Eloquent\Factories\HasFactory;
use Illuminate\Database\Eloquent\Model;
class Image extends Model {
  use HasFactory;
  protected $fillable = [
    'name',
  ];
}

C:\xampp\htdocs\test\app\Http\Controllers\ImageController.php

<?php
namespace App\Http\Controllers;
use Illuminate\Http\Request;
use App\Models\Image;
class ImageController extends Controller {
  public function index() {
    return view('imageUpload');
  }
  public function store(Request $request) {
    $request->validate([
      'images'   => 'required',
      'images.*' => 'required|image|mimes:jpeg,png,jpg,gif,svg|max:2048',
    ]);
    $images = [];
    if ($request->images) {
      foreach ($request->images as $key => $image) {
        $imageName = time() . rand(1, 99) . '.' . $image->extension();
        $image->move(public_path('images'), $imageName);
        $images[]['name'] = $imageName;
      }
    }
    foreach ($images as $key => $image) {
      Image::create($image);
    }
    return back()->with('success', 'You have successfully upload image.')->with('images', $images);
  }
}

C:\xampp\htdocs\test\routes\web.php

<?php
use App\Http\Controllers\ImageController;
use Illuminate\Support\Facades\Route;
/*
|--------------------------------------------------------------------------
| Web Routes
|--------------------------------------------------------------------------
|
| Here is where you can register web routes for your application. These
| routes are loaded by the RouteServiceProvider within a group which
| contains the "web" middleware group. Now create something great!
|
 */
Route::get('/', function () {
  return view('welcome');
});
Route::controller(ImageController::class)->group(function () {
  Route::get('image-upload', 'index');
  Route::post('image-upload', 'store')->name('image.store');
});

C:\xampp\htdocs\test\resources\views\imageUpload.blade.php

<!DOCTYPE html>
<html>
<head>
  <title>Laravel 9 Multiple Image Upload Example - ItSolutionStuff.com</title>
  <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.0.2/dist/css/bootstrap.min.css" rel="stylesheet">
</head>
<body>
  <div class="container">
    <div class="panel panel-primary">
      <div class="panel-heading">
          <h2>Laravel 9 Multiple Image Upload Example - ItSolutionStuff.com</h2>
      </div>
      <div class="panel-body">
        @if ($message = Session::get('success'))
        <div class="alert alert-success alert-dismissible fade show" role="alert">
          <strong>{{ $message }}</strong>
          <button type="button" class="btn-close" data-bs-dismiss="alert" aria-label="Close"></button>
        </div>
        @foreach(Session::get('images') as $image)
          <img src="images/{{ $image['name'] }}" width="300px">
        @endforeach
        @endif
        <form action="{{ route('image.store') }}" method="POST" enctype="multipart/form-data">
            @csrf
            <div class="mb-3">
                <label class="form-label" for="inputImage">Select Images:</label>
                <input type="file" name="images[]" id="inputImage" multiple class="form-control @error('images') is-invalid @enderror">
                @error('images')
                  <span class="text-danger">{{ $message }}</span>
                @enderror
            </div>
            <div class="mb-3">
                <button type="submit" class="btn btn-success">Upload</button>
            </div>
        </form>
      </div>
    </div>
  </div>
</body>
</html>

C:\xampp\htdocs\test\database\migrations\2022_05_04_164223_create_images_table.php

<?php
use Illuminate\Database\Migrations\Migration;
use Illuminate\Database\Schema\Blueprint;
use Illuminate\Support\Facades\Schema;
class CreateImagesTable extends Migration {
  /**
   * Run the migrations.
   *
   * @return void
   */
  public function up() {
    Schema::create('images', function (Blueprint $table) {
      $table->id();
      $table->string('name');
      $table->timestamps();
    });
  }
  /**
   * Reverse the migrations.
   *
   * @return void
   */
  public function down() {
    Schema::dropIfExists('images');
  }
}

PreviousXử lý định dạng date người dùng đưa fomat m/d/Y ghi vào db là Y-m-d như nào? (ok)NextSử dụng bcrypt đăng ký pass, sử dụng get, post cho cùng 1 route, validate form (ok)

Last updated 2 years ago