Drag and Drop files with LiveWire

#1

when i drag and drop image files to element, files are added to input and in input showing file count, this is how im add drop file to input " $(“input[type=‘file’]”).prop(“files”, e.dataTransfer.files); " but when i submit it livewire component dump it’s null. can any one help me to sort out this issue or can any one give me a suggestion to ho do i do drag and drop file upload with livewire. i tryed many plugins like DropZone js, but no lucky. Thanks

This is my Codes

BLADE

form wire:submit.prevent=“submit”

label for=“files” class=“input-images-2” id=“drop-area” wire:ignore

input type=“file” wire:ignore autocomplete=“off” wire:model=“files” name=“files” id=“files” multiple accept=“image/*” onchange=“handleFiles(this.files)”

/label

button type=“submit”>Finish</button

/form

JQUERY

function handleDrop(e) {
$(“input[type=‘file’]”).prop(“files”, e.dataTransfer.files);
}

COMPONENT

namespace App\Http\Livewire\Wire;

use Livewire\Component;
use Livewire\WithFileUploads;

class Createoptions extends Component
{

use WithFileUploads;

public $files;

public function submit(){

	dd($this->files);

}

public function render()
{
    return view('livewire.wire.createoptions');
}

}