Cara Muat Naik Imej dengan CKeditor dalam Tutorial Laravel

Tutorial ini menunjukkan cara menggunakan CKEditor untuk melaksanakan fungsi muat naik imej dalam Laravel 11.

CKEditor ialah editor WYSIWYG berasaskan web sumber terbuka yang membenarkan pengguna mengedit kandungan teks dalam penyemak imbas. Ia adalah alat berkuasa yang membolehkan pengguna mencipta dan memformat teks, menambah imej dan multimedia, dan mengedit kod HTML tanpa pengetahuan pengekodan. Pertama kali dikeluarkan pada tahun 2003, CKEditor telah menjadi pilihan popular di kalangan pembangun web dan pencipta kandungan kerana kepelbagaian dan kemudahan penggunaannya. Ia ditulis dalam JavaScript dan boleh disepadukan dengan mudah ke dalam mana-mana aplikasi web.

Dalam contoh ini, kami akan mencipta contoh CKEditor mudah dengan pilihan muat naik imej yang menyimpan imej ke storan setempat. Kami akan menyediakan dua laluan, satu untuk permintaan GET dan satu untuk permintaan POST (untuk muat naik imej). Selepas pengguna memilih imej dan menyerahkannya, imej itu disimpan dalam folder "media". Anda juga boleh mempelajari contoh konfigurasi perisian tengah Laravel 11 CORS.

Contoh menggunakan CKEditor untuk memuat naik imej dalam Laravel 11

Langkah 1: Pasang Laravel 11

Pertama, kita perlu mendapatkan aplikasi versi Laravel 11 baharu menggunakan arahan berikut kerana kita bermula dari awal. Jadi, buka terminal atau command prompt anda dan jalankan arahan berikut:

composer create-project laravel/laravel example-app

Langkah 2: Buat laluan

Dalam langkah ini, kami akan menambah tiga laluan dengan kaedah GET dan POST dalam fail routes/web.php. Jom tambah.

routes/web.php

<?php

use Illuminate\Support\Facades\Route;
use App\Http\Controllers\CkeditorController;

Route::get('ckeditor', [CkeditorController::class, 'index']);
Route::post('ckeditor/upload', [CkeditorController::class, 'upload'])->name('ckeditor.upload');
?>

Langkah 3: Cipta Pengawal

Dalam langkah ini kita perlu mencipta pengawal baharu bernama CkeditorController yang mengandungi kaedah index() dan update().

Sila pastikan anda telah mencipta folder public dalam direktori media anda kerana imej akan disimpan dalam folder itu. Ketahui lebih lanjut...

Atas ialah kandungan terperinci Cara Muat Naik Imej dengan CKeditor dalam Tutorial Laravel. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!