How can I upload an image?

#1

I’m trying to upload an image but when I (dd) the image request I got like this:

"image" => "C:\fakepath\visual-reverse-image-search-v2_intro.jpg"

I need just the name of the image to hash it then storage and save it in the database

My blade code:

 <form wire:submit.prevent="addPost"  enctype="multipart/form-data"> 
       <div class="form-group">
          <input type="file" class="form-control" wire:model="image">
      </div>

      <button class="btn btn-success" type="submit">Create</button>
 </form>
#2

You can’t.

Long answer How to make file upload work?
Short answer https://github.com/livewire/livewire/issues/106

#4

That’s mean I have to do it without Livewire?

#5

For now, you need to do this outside Livewire.

#6

Cant seem to share the link for some reason. Check out issue 937 on Github
I made a workaround for uploading without leaving Livewire. It works pretty well for me and is not overly complicated.