Forem: Saddam Hossain

Laravel File Upload with Progress Bar Example

Saddam Hossain — Wed, 28 May 2025 12:23:35 +0000

In this post, we will learn how to ajax image upload with progress bar in laravel application. Laravel File Upload with Progress Bar

You always did file uploading in a normal way, and you can do it easily. But when you have a large amount of file size, it takes time to upload on a server. Maybe you can’t reduce the time to upload a file or image, but you can display a progress bar with a percentage so the client can understand how much time is left to upload a file.

In this tutorial, we will create two routes with the FileController controller file. When you click on the submit button, fire the jQuery AJAX method, and the upload of the image will show you a progress bar. Let’s follow the steps below to do this example.

Laravel File Upload with Progress Bar Example

Step 1: Install Laravel 12

First of all, we need to get a fresh Laravel 11 version application using the command below because we are starting from scratch. So, open your terminal or command prompt and run the command below:

composer create-project laravel/laravel example-app

Step 2: Create Routes

In the first step, we will add two new routes. One for displaying the view, and we will write jQuery code in the view file. In the second step, we will create a POST route for file upload.

routes/web.php

<?php

use Illuminate\Support\Facades\Route;

use App\Http\Controllers\FileController;

Route::controller(FileController::class)->group(function(){
    Route::get('file-upload', 'index');
    Route::post('file-upload', 'store')->name('file.upload');
});

Step 3: Create FileController

In the second step, we need to create the FileController controller with index() and store() methods. You need to create a “files” folder in the public folder. We will store all files in that folder. Just create a new controller and put the code below in it:

app/Http/Controllers/FileController.php

<?php

namespace App\Http\Controllers;

use Illuminate\Http\Request;

class FileController extends Controller
{
    /**
     * Show the application dashboard.
     *
     * @return \Illuminate\Http\Response
     */
    public function index()
    {
        return view('fileUpload');
    }

    /**
     * Show the application dashboard.
     *
     * @return \Illuminate\Http\Response
     */
    public function store(Request $request)
    {
        $request->validate([
            'file' => 'required',
        ]);

        $fileName = time().'.'.$request->file->getClientOriginalExtension();

        $request->file->move(public_path('files'), $fileName);

        return response()->json(['success' => 'You have successfully upload file.']);
    }
}

Step 4: Create Blade File

In this last step, we need to create the fileUpload.blade.php file and write code for jQuery to show you the progress bar. So, you simply have to add the below code at the following path:
Read Full Tutorials From DevScriptSchool

Laravel 12 Create Blade File using Command Example

Saddam Hossain — Wed, 28 May 2025 12:18:11 +0000

In this short post, i will show you how to create view blade file using artisan command in laravel 12 application. we

will use make:view artisan command to create blade file. Laravel has recently launched version 11, which includes a notable enhancement: the addition of a new Artisan command

option for creating Blade files. You can now generate a view file in Laravel 12 by executing the following

straightforward command: php artisan make:view welcome. This command simplifies the

process of creating Blade files via the Artisan command.

Example 1: Laravel 12 Create Blade File Command

Here, the below command will help you to create 'dashboard.blade.php' file. so, let's run it and check the output as

well.

php artisan make:view dashboard

they will create new file as like the below:

resources/views/dashboard.blade.php

<div>
    <!-- Live as if you were to die tomorrow. Learn as if you were to live forever. - Mahatma Gandhi -->
</div>

Example 2: Laravel 12 Create Blade File inside Directory Command

Here, the below command will help you to create 'index.blade.php' file in users folder.

so, let's run it and check the output as well.

php artisan make:view users.index

they will create new file as like the below:

resources/views/users/index.blade.php

<div>
    <!-- He who is contented is rich. - Laozi -->
</div>

These commands really help us.

Laravel 12 Remove Public from URL

Saddam Hossain — Sat, 24 May 2025 13:06:38 +0000

we will learn how to remove public from url using htaccess file in laravel 12 application.

Sometimes, we put our Laravel app on shared hosting and want to run it. But we can’t set the path to index.php directly on shared hosting. We have to run the app with the “public” folder. This makes “public” show up in the URL, which we don’t want. Here, I will give you two solutions to remove “public” from the URL in a Laravel app.

Laravel 12 Remove Public from URL Example

Solution 1: Laravel Remove Public From URL using .htaccess

In Laravel, the .htaccess file can be generated and edited to incorporate new changes. The .htaccess file is located in the root directory, and its modification requires mod_rewrite to be enabled on your Apache server. It is mandatory to enable the rewrite module to implement these changes. Moreover, you need to activate .htaccess in Apache virtual host to use it in Laravel.

Finally, Just go to root folder and create .htaccess file and upload with following code

.htaccess

<IfModule mod_rewrite.c>
   RewriteEngine On 
   RewriteRule ^(.*)$ public/$1 [L]
</IfModule>

Solution 2: Rename server.php and Move .htaccess File

To remove “public” from your Laravel URL, you need to complete the following two steps:

Rename the server.php file in your Laravel root folder to index.php.
Copy the .htaccess file located in the /public directory to your Laravel root folder.
All public folder css and js file move to root folder.

I Think it can help you…
Read More Tutorials from DevScriptSchool

How To Move File from One Folder to Another In Laravel

Saddam Hossain — Mon, 20 Jan 2025 04:23:09 +0000

In This Tutorial I will Show you How To Move File from One Folder to Another In Laravel Application.

This article will provide some of the most important example how to move file from one folder to another in laravel. this example will help you move files from one folder to another in laravel. I’m going to show you about laravel cut file from one disk to another.

If you require to move file from one folder to another in laravel application then i will help you how to do it in laravel. laravel provide File and Storage facade and their method to work with file system. i will give you both way example with syntax so you can use it. You Can Learn How to generate fake data using factory tinker in laravel 11 Example

You can easily move file in laravel 5, laravel 6, laravel 7, laravel 8, laravel 9, laravel 10 and laravel 11 in this post solution.

How To Move File from One Folder to Another In Laravel

Example 1: File Facade
Syntax:

File::move(from_path, to_path);

Example:

In this example, i have one folder “exist” with test.png image in public folder. we will move this file to new folder “move” with rename file test_move.png. so let’s see bellow code.

<?php
namespace App\Http\Controllers;

use Illuminate\Http\Request;
use File; 

class DemoController extends Controller
{
    /**
     * Write code on Construct
     *
     * @return \Illuminate\Http\Response
     */  

    public function moveImage(Request $request)
    {

        File::move(public_path('exist/test.png'), public_path('move/test_move.png'));
        dd('Copy File dont.');

    }

}

Example 2: Storage Facade

Syntax:

Storage::move(from_path, to_path);

Example:

In this example, i have one folder “exist” with test.png image in storage. we will move this file to new folder “move” with rename file test_move.png. so let’s see bellow code.

<?php  
namespace App\Http\Controllers; 

use Illuminate\Http\Request;
use Storage;  
class DemoController extends Controller
{    
/**     
* Write code on Construct     
*     
* @return \Illuminate\Http\Response     
*/      
public function moveImage(Request $request)    
{        
Storage::move('exist/test.png', 'move/test_move.png');           
dd('Copy File dont.');    
}}

I Think it’s Help You.

How To Create Dynamic Apexcharts Using Larapex Charts Package in Laravel 11

Saddam Hossain — Mon, 20 Jan 2025 04:18:33 +0000

In this tutorial, I will show you how to create dynamic apexcharts using larapex charts package in laravel 11 application.

ApexCharts is a JavaScript library used for creating beautiful and interactive charts on websites. It makes it easy to visualize data through various chart types like bar, line, pie, and more. Users can customize the appearance, animate the charts, and interact with them to explore data. ApexCharts is popular because it’s easy to use and helps make data look appealing and understandable.

In this example, we will create some dummy user records and then display a pie chart with all months of the current year. So let’s follow the below steps and add a chart to your Laravel 11 apps. You Can Learn How To Move File from One Folder to Another In Laravel

How To Create Dynamic Apexcharts Using Larapex Charts Package in Laravel 11

Step 1: Install Laravel 11

This step is not required; however, if you have not created the Laravel app, then you may go ahead and execute the below command:

How To Create Dynamic Apexcharts Using Larapex Charts Package in Laravel 11

Step 1: Install Laravel 11

This step is not required; however, if you have not created the Laravel app, then you may go ahead and execute the below command:

composer create-project laravel/laravel example-app

Step 2: Install arielmejiadev/larapex-charts

we need to install arielmejiadev/larapex-charts composer package using the following command:

composer require arielmejiadev/larapex-charts

Now, we will publish configuration file using the following command:

php artisan vendor:publish --tag=larapex-charts-config

Step 3: Create Route

First of all, we will create a simple route for creating a simple line chart. So let’s add simple routes as below:

routes/web.php

<?php

use Illuminate\Support\Facades\Route;

use App\Http\Controllers\ApexchartsController;

Route::get('charts', [ApexchartsController::class, 'index']);

Step 4: Create Chart Class

In this step, we will create “Charts” folder in app folder. then we will create MonthlyUsersChart.php file with the following code:

app/Charts/MonthlyUsersChart.php

<?php

namespace App\Charts;

use ArielMejiaDev\LarapexCharts\LarapexChart;
use App\Models\User;
use DB;

class MonthlyUsersChart
{
    protected $chart;

    /**
     * Write code on Method
     *
     * @return response()
     */
    public function __construct(LarapexChart $chart)
    {
        $this->chart = $chart;
    } 

    /**
     * Write code on Method
     *
     * @return response()
     */
    public function build()
    {
        $users = User::select(DB::raw("COUNT(*) as count"), DB::raw("MONTHNAME(created_at) as month_name"))
                    ->whereYear('created_at', date('Y'))
                    ->groupBy(DB::raw("Month(created_at)"))
                    ->pluck('count', 'month_name');

        return $this->chart->pieChart()
            ->setTitle('New Users - '.date('Y'))
            ->addData($users->values()->toArray())
            ->setLabels($users->keys()->toArray());
    }
}

Step 5: Create Controller

Here, we will create a new controller named ApexchartsController. So let’s add the code below to that controller file.

app/Http/Controllers/ApexchartsController.php

<?php

namespace App\Http\Controllers;

use Illuminate\Http\Request;
use App\Charts\MonthlyUsersChart;

class ApexchartsController extends Controller
{
    /**
     * Write code on Method
     *
     * @return response()
     */
    public function index(MonthlyUsersChart $chart)
    {
        return view('apexcharts', ['chart' => $chart->build()]);
    }
}

Read Full Tutorials

How to Use Bootstrap Pagination in Laravel Blade (Tutorial)

Saddam Hossain — Mon, 20 Jan 2025 04:03:53 +0000

In this tutorial, How to Use Bootstrap Pagination in Laravel Blade. we’ll build an app that seeds 10,000 movies and shows them in a paginated list using Bootstrap and Laravel Blade. You Can Learn How To Create Dynamic Apexcharts Using Larapex Charts Package in Laravel 11

Why ten thousand records you say? We seed this many movies so that the application will create plenty of pages and can verify that the performance holds up properly!

Let’s get started!

How to Use Bootstrap Pagination in Laravel Blade (Tutorial)

Step 1: Installing Laravel

Begin by creating a new Laravel project if you haven’t done so already.

To do this, open your terminal and run:

composer create-project laravel/laravel bootstrap-pagination-demo
cd bootstrap-pagination-demo

Step 2: Creating the Model and Migration

Now, generate a Movies Model along with a migration file to define the movie database schema by running:

php artisan make:model Movie -m

Afterwards, edit the migration file to define the ‘movies’ table schema and add:

database/migration/2023_12_03_213058_create_movies_table.php

<?php

use Illuminate\Database\Migrations\Migration;
use Illuminate\Database\Schema\Blueprint;
use Illuminate\Support\Facades\Schema;

return new class extends Migration
{
    public function up(): void
    {
        Schema::create('movies', function (Blueprint $table) {
            $table->id();
            $table->string('title');
            $table->string('country');
            $table->date('release_date');
            $table->timestamps();
        });
    }

    public function down(): void
    {
        Schema::dropIfExists('movies');
    }
};

Step 3: Running the Migration

Run the migration to create the ‘movies’ table in the database:

php artisan migrate

Step 4: Creating the Factory

Generate a factory that defines how Movie data looks like by running:

php artisan make:factory MovieFactory --model=Movie
Now, add the following code to define the structure and data of our fake movies:

database/factories/MovieFactory.php

<?php

namespace Database\Factories;

use Illuminate\Database\Eloquent\Factories\Factory;

class MovieFactory extends Factory
{
    public function definition(): array
    {
        return [
            'title' => $this->faker->sentence,
            'country' => $this->faker->country,
            'release_date' => $this->faker->dateTimeBetween('-40 years', 'now'),
        ];
    }
}

How to Get Last 7 Days Record in Laravel

Saddam Hossain — Mon, 20 Jan 2025 03:59:48 +0000

In this tutorial i will show you, How to Get Last 7 Days Record in Laravel application. This simple article demonstrates of laravel get last 7 days records. i explained simply about get last 7 days data in laravel. i explained simply step by step get last 7 days records in laravel. In this article, we will implement a laravel get last 7 days data from database.

we can easily get last 7 days records in laravel 6, laravel 7, laravel 8, laravel 9, laravel 10 and laravel 11 version. You Can Learn How to Generate and Read Sitemap XML File in Laravel 11 Tutorial

i will show you simple code of controller method where we written code to getting last 7 days records using carbon laravel eloquent.

How to Get Last 7 Days Record in Laravel Example:

let’s see controller code:

Controller File:

<?php

namespace App\Http\Controllers;

use Illuminate\Http\Request;
use Carbon\Carbon;

class UserController extends Controller

{
    /**
     * Write code on Method
     *
     * @return response()
     */

    public function index()
    {
        $date = Carbon::now()->subDays(7);
        $users = User::where('created_at', '>=', $date)->get();
        dd($users);

    }

}

Read More Tutorials From DevScriptSchool.Com

How to generate fake data using factory tinker in laravel 11 Example

Saddam Hossain — Thu, 16 Jan 2025 06:27:23 +0000

In this article, I will show you How to generate fake data using factory tinker in laravel 11 application. As we know, testing is a very important part of any web development project. Sometimes we may require to add hundreds of records to our users table, or maybe thousands of records. Also, think about if you require to check pagination, then you have to add some records for testing. You Can Learn How to Install and Use Trix Editor in Laravel 11

So what will you do at that moment? Will you manually add thousands of records? What do you do? If you add manually thousands of records, then it can take more time.

However, Laravel has a tinker that provides the ability to create dummy records for your model table. So in the Laravel application, they provide a User model factory created by default. You can see how to create records using the factory below:

Generate Dummy Users:

php artisan tinker

User::factory()->count(5)->create()

This by default created a factory of Laravel. You can also see that at the following URL: database/factories/UserFactory.php.

Create Custom Factory:

But when you need to create dummy records for your products, items, or admin table, then you have to create a new factory using the tinker command. Here,
Read More

How to Generate and Read Sitemap XML File in Laravel 11 Tutorial

Saddam Hossain — Thu, 16 Jan 2025 06:24:55 +0000

In this tutorials, I will Show, How to Generate and Read Sitemap XML File in Laravel 11 Tutorial. Learn the basics of generating and reading sitemap files with ease.

What is an XML Sitemap?

An XML sitemap is like a map for your website that search engines, like Google, use to find and understand your site better. Think of it as a table of contents for your website that helps search engines find and list all your web pages. This makes it simpler for people to find your site when they search online. You Can Learn How to Install and Use Trix Editor in Laravel 11

Why Need Sitemap XML?

Having a XML map for your Laravel website is very important because of some reasons:

Improved Visibility: Search engines can find and rank your pages better if you have a sitemap. That means more folks can find your site.
Better SEO: It makes your website better for search engines by making sure all the important pages are listed.
Faster Updates: When you put new stuff or make changes, a sitemap helps search engines see these updates fast.

In this example, we will create a posts table with a title, slug, and body. Then, we will create a factory for generating dummy posts. Finally, we will generate an XML file and list all the URLs for the posts. This is a very basic example, so let’s follow along, and you will have a sitemap file for your website that you can submit to the webmaster’s tool.

Step 1: Install Laravel 11

This step is not required; however, if you have not created the Laravel app, then you may go ahead and execute the below command:

composer create-project laravel/laravel example-app

Step 2: Create Post Migration and Model

In this step, we will create migration and model. So let’s run the below command to create posts table.

php artisan make:migration create_posts_table

Next, simply update the code below to the migration file. Read More

How to Image Upload with CKeditor in Laravel 11 Tutorial

Saddam Hossain — Mon, 13 Jan 2025 03:19:34 +0000

In this post, I will show you How to Image Upload with CKeditor in Laravel 11 Tutorial.

CKEditor is a web-based, open-source WYSIWYG (What You See Is What You Get) editor that allows users to edit text content in a browser. It is a powerful tool that enables users to create and format text, add images and multimedia, and edit HTML code without any knowledge of coding. CKEditor was first released in 2003 and has since become a popular choice for web developers and content creators due to its versatility and ease of use. It is written in JavaScript and can be integrated into any web application with ease.

In this example, we will create a simple CKEditor instance with an image upload option that saves the image to local storage. We will set up two routes, one for GET and one for POST requests (for image uploads). Once the user selects an image and submits it, the image will be stored in the ‘media’ folder. You Can Learn Laravel 11 CORS Middleware Configuration Example

How to Image Upload with CKeditor in Laravel 11 Tutorial Example

Step 1: Install Laravel 11

First of all, we need to get a fresh Laravel 11 version application using the command below because we are starting from scratch. So, open your terminal or command prompt and run the command below:

composer create-project laravel/laravel example-app

Step 2: Create Route

In this step, we will add three routes with GET and POST method in routes/web.php file. so let’s add it.

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');

Read Full Tutorials

How to Install and Use Trix Editor in Laravel 11

Saddam Hossain — Mon, 13 Jan 2025 03:10:27 +0000

In this article, I will show you how to install and use Trix Editor in laravel 11 application. we will use image upload with trix editor in laravel 11.

Trix Editor is a lightweight, rich text editor for the web, developed by Basecamp. Designed for simplicity and ease of use, it offers essential text formatting features like bold, italics, links, and lists, without overwhelming users with options. Itâ€™s built with modern web technologies and integrates seamlessly into web applications, providing a clean, intuitive interface for creating and editing content. You Can Learn How to Image Upload with CKeditor in Laravel 11 Tutorial

In this example, we will create a simple use Trix editor with an image upload option that saves the image to local storage. We will set up three routes, we create one POST route to upload image. Once the user selects an image and submits it, the image will be stored in the ‘media’ folder.

Step 1: Install Laravel 11

First of all, we need to get a fresh Laravel 11 version application using the command below because we are starting from scratch. So, open your terminal or command prompt and run the command below:

composer create-project laravel/laravel example-app

Step 2: Create Route

In this step, we will add three routes with GET and POST method in routes/web.php file. so let’s add it.

routes/web.php

<?php

use Illuminate\Support\Facades\Route;

use App\Http\Controllers\TrixController;

Route::get('trix', [TrixController::class, 'index']);
Route::post('trix/upload', [TrixController::class, 'upload'])->name('trix.upload');
Route::post('trix/store', [TrixController::class, 'store'])->name('trix.store');

Step 3: Create Controller
In this step, we have to create new controller as TrixController with index() and update() methods.

Make sure you have created media folder in your public directory because images will store on that folder.

so let’s update follow code:

Read Full Tutorials

Laravel 11 Livewire Wizard Multi Step Form Tutorial

Saddam Hossain — Sun, 17 Nov 2024 13:18:44 +0000

In this tutorial, I would like to share with you how to create Laravel 11 Livewire Wizard Multi Step Form Tutorial.

Livewire is a full-stack framework for Laravel that makes building dynamic interfaces simple, without leaving the comfort of Laravel. If you are using Livewire with Laravel, then you don’t need to worry about writing jQuery AJAX code; Livewire will help you write jQuery AJAX code using PHP in a very simple way. Without page refresh, Laravel validation will work, the form will be submitted, etc.

Laravel 11 Livewire Wizard Multi Step Form Tutorial
Here, I will give you a very simple example of a multi-step form using Bootstrap wizard design. We will create a products table with name, description, amount, status, and stock columns. Then, in the first step, the user will be able to enter name, description, and amount details and click on the next step. In the second step, the user will be able to select status and add stock. Then, in the last step, the user will see all the information and submit it. You Can Learn Laravel 11 Livewire Pagination Tutorial

So, let’s follow the bellow step and you will get the layout:

Step for Laravel 11 Livewire Wizard Multi Step Form Tutorial Example

Step 1: Install Laravel 11

First of all, we need to get a fresh Laravel 11 version application using the command below because we are starting from scratch. So, open your terminal or command prompt and run the command below:

composer create-project laravel/laravel example-app

Step 2: Create Migration and Model

Here, we need to create a database migration for the files table, and also, we will create a model for the files table.
Read More