Comment télécharger une image avec CKeditor dans le didacticiel Laravel

Ce tutoriel montre comment utiliser CKEditor pour implémenter la fonction de téléchargement d'images dans Laravel 11.

CKEditor est un éditeur WYSIWYG basé sur le Web open source qui permet aux utilisateurs de modifier le contenu du texte dans le navigateur. Il s'agit d'un outil puissant qui permet aux utilisateurs de créer et de formater du texte, d'ajouter des images et du multimédia et de modifier du code HTML sans aucune connaissance en codage. Lancé pour la première fois en 2003, CKEditor est devenu un choix populaire parmi les développeurs Web et les créateurs de contenu en raison de sa polyvalence et de sa facilité d'utilisation. Il est écrit en JavaScript et peut être facilement intégré à n’importe quelle application Web.

Dans cet exemple, nous allons créer une instance simple de CKEditor avec une option de téléchargement d'image qui enregistre l'image sur le stockage local. Nous allons mettre en place deux routes, une pour les requêtes GET et une pour les requêtes POST (pour les téléchargements d'images). Une fois que l'utilisateur a sélectionné une image et l'a soumise, l'image est stockée dans le dossier « média ». Vous pouvez également étudier des exemples de configuration du middleware Laravel 11 CORS.

Exemple d'utilisation de CKEditor pour télécharger des images dans Laravel 11

Étape 1 : Installer Laravel 11

Tout d'abord, nous devons obtenir une nouvelle application version Laravel 11 à l'aide de la commande suivante puisque nous partons de zéro. Alors, ouvrez votre terminal ou votre invite de commande et exécutez la commande suivante :

<code class="language-bash">composer create-project laravel/laravel example-app</code>

Étape 2 : Créer un itinéraire

Dans cette étape, nous ajouterons trois routes avec les méthodes GET et POST dans le fichier routes/web.php. Ajoutons-le.

routes/web.php

<code class="language-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');
?></code>

Étape 3 : Créer un contrôleur

Dans cette étape, nous devons créer un nouveau contrôleur nommé CkeditorController qui contient les méthodes index() et update().

Veuillez vous assurer d'avoir créé le dossier public dans votre répertoire media car les images seront stockées dans ce dossier. En savoir plus...

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!