created a controller in charge of the image upload

app/Http/Controllers/ImageController.php

@@ -0,0 +1,15 @@
+<?php
+
+namespace App\Http\Controllers;
+
+use Illuminate\Http\Request;
+
+class ImageController extends Controller
+{
+    public function store(Request $request)
+    {
+        $image = $request->file("file");
+
+        return response()->json(["image" => $image->extension()]);
+    }
+}

resources/views/layouts/app.blade.php

@@ -7,6 +7,8 @@
 
     <title>@yield('title') | DevStagram</title>
 
+    @stack('styles')
+
     @vite(['resources/css/app.css', 'resources/js/app.js'])
 </head>
 

resources/views/posts/create.blade.php

@@ -2,12 +2,19 @@
 
 @section('title', 'Create Post')
 
+@push('styles')
+    <link href="https://unpkg.com/dropzone@6.0.0-beta.1/dist/dropzone.css" rel="stylesheet" type="text/css" />
+@endpush
+
 @section('content')
     <div class="md:flex md-items-center">
 
         <div class="md:w-1/2 px-10">
-            <form action="/images" id="dropzone"
-                class="dropzone border-dashed border-2 w-full h-96 rounded flex flex-col justify-center items-center"></form>
+            <form action="{{ route('images.store') }}" id="dropzone"
+                class="dropzone border-dashed border-2 w-full h-96 rounded flex flex-col justify-center items-center"
+                method="POST" enctype="multipart/form-data">
+                @csrf
+            </form>
         </div>
 
         <div class="md:w-1/2 p-10 bg-white rounded-lg shadow-xl mt-10 md:mt-0">

routes/web.php

@@ -1,5 +1,6 @@
 <?php
 
+use App\Http\Controllers\ImageController;
 use App\Http\Controllers\LoginController;
 use App\Http\Controllers\LogoutController;
 use App\Http\Controllers\PostController;
@@ -20,3 +21,5 @@ Route::post("/logout", [LogoutController::class, "store"])->name("logout");
 
 Route::get("/{user:username}", [PostController::class, "index"])->name("posts.index");
 Route::get("/posts/create", [PostController::class, "create"])->name("posts.create");
+
+Route::post("/images", [ImageController::class, "store"])->name("images.store");