Worked on the file upload code.

Author: amitavroy

app/Http/Livewire/EventAddForm.php

@@ -3,15 +3,19 @@
 namespace App\Http\Livewire;
 
 use App\Models\Event;
-use Illuminate\Support\Str;
 use Livewire\Component;
+use Illuminate\Support\Str;
+use Livewire\WithFileUploads;
 
 class EventAddForm extends Component
 {
+    use WithFileUploads;
+
     public $eventName;
     public $contactName;
     public $contactEmail;
     public $allowedParticipants;
+    public $banner;
     public $event;
 
     public function mount($event)
@@ -35,13 +39,17 @@ public function submit()
             'contactName' => ['required', 'min:3'],
             'contactEmail' => ['required', 'email'],
             'allowedParticipants' => ['required', 'numeric'],
+            'banner' => ['required', 'file'],
         ]);
 
+        $filePath = $this->banner->store('public/banners');
+
         $event = [
             'event_name' => $this->eventName,
             'contact_person' => $this->contactName,
             'contact_email' => $this->contactEmail,
             'allowed_participant' => $this->allowedParticipants,
+            'banner' => $filePath,
         ];
 
         if ($this->event) {

composer.json

@@ -15,7 +15,7 @@
         "laravel/framework": "^7.0",
         "laravel/tinker": "^2.0",
         "laravel/ui": "^2.0",
-        "livewire/livewire": "^1.1"
+        "livewire/livewire": "^1.2"
     },
     "require-dev": {
         "facade/ignition": "^2.0",

composer.lock

@@ -19,6 +19,7 @@ public function up()
             $table->string('event_name');
             $table->string('contact_person');
             $table->string('contact_email');
+            $table->string('banner');
             $table->integer('allowed_participant');
             $table->integer('registered_participant')->default(0);
             $table->timestamps();

database/migrations/2020_05_17_180854_create_events_table.php

@@ -39,6 +39,20 @@ class="form-control" wire:model="allowedParticipants">
                                 <div class="error">{{$message}}</div>
                                 @enderror
                             </div>
+                            <div class="form-group">
+                                <label for="banner">Event banner</label>
+                                <input type="file" name="banner" id="banner"
+                                       class="form-control" wire:model="banner">
+                                @error('banner')
+                                <div class="error">{{$message}}</div>
+                                @enderror
+                                @if ($banner)
+                                    <img src="{{ $banner->temporaryUrl() }}" class="w-50 p-4">
+                                @endif
+                                @if (!$banner && isset($event->banner))
+                                    <img src="{{ Storage::url($event->banner) }}" class="w-50 p-4">
+                                @endif
+                            </div>
                             <button class="btn btn-success mr-4">Save</button>
                             <a href="{{route('home')}}">Back</a>
                         </form>