In Laravel 11, Ajax Multiple Image Upload allows users to upload multiple images at once without requiring page reloading with great user experience. Steps to create ajax multiple image upload with preview: Step 1 – Create Ajax Multiple Image Upload Form View Create a form view and use jQuery AJAX to select multiple images and … Read more
Laravel 11 Multiple Image Upload with Preview allows users to show a preview of multiple images before uploading them to the server. And this helps them to confirm their selection before submitting the images. Let’s start creating a display upload form, controller, route and use jquery to handle the preview of images before upload: Step … Read more
Multi authentication (or multi-auth) in Laravel 11 project allows different types of users to log in and access their respective routes in application. Let’s make multi auth using Bootstrap Auth UI: Step 1 – Set Up Laravel 11 Project To create a new Laravel project using Composer command: Step 2 – Set up Database Add … Read more
In Laravel 11, AJAX allows image uploading without page refresh and jQuery allow displaying a preview of the image before send it to server. Let’s start by creating AJAX image upload functionality, which allows users to select an image in the form, click the upload button, and see a preview of the uploaded image without … Read more
Multiple Image Upload in Laravel 11 refers to the process of allowing users to upload more than one image file at a time through a web form. Let’s get started by following the steps below: Step 1 – Create Multiple Image Upload Form View Create a view file called upload.blade.php in the resources/views folder and … Read more
CKEditor 5 allows users to create a text editor on Laravel 11 form by adding their library into it and also allows text or content formatting. Let’s start creating a text editor on Blade View form to format text content such as font size, color, family and more by integrating ckeditor 5: Step 1: Create … Read more
In Laravel 11, define the cast attribute on the Model class, which allows users to store and retrieve structured data in JSON format from database. Let’s start to implement save, retrieve and update json data in database using casts attribute: Step 1: Create Model and Migration Run the following Artisan commands to create a model … Read more
The Google Places API allows users to create an autocomplete search address feature in Laravel 11 forms while users type their address in it, providing suggestions for complete addresses. Let’s get started creating a Google autocomplete address using the Google Places API: Step 1: Set Up Google API Key First, you need to obtain a … Read more
In Laravel 11, an image upload with preview feature allows users to select an image file on the form and show its preview before submitting the form. Let’s get started by following the steps below to create image upload with preview feature using jQuery: Step 1 – Create Image Upload Form View Create a preview-upload-form.blade.php … Read more
Laravel 11 jQuery UI AJAX Autocomplete Search allows users to type into a search input bar and suggestions appear to help them quickly find what they’re looking for. Let’s start creating an AJAX autocomplete search to provide quick search suggestions on the search bar: Step 1: Install Laravel 11 Run the following Composer command to … Read more