'Vue Media Manager for image upload

I have a problem with vue media manager, it's a div with drag drop

<div
            class="modal-content"
            id="dragdropzone"
            :class="{ 'has-active-dropzone': dragging }"
            :data-dropzone-text="__('Drop your files here')"
            @dragstart.prevent
            @dragend.prevent="dragging = false"
            @dragover.prevent="dragging = true"
            @dragleave.prevent="dragging = false"
            @drop.prevent="handleFiles($event.dataTransfer.files)"
        >

enter image description here

The problem is i don't have button to upload browse the files It's only drag and drop, i tried to put on vue this input with type="file" but got vue crash

<input type="button" ref="media2" id="btn-add-file" value="Upload" multiple accept="image/*" name="fileupload" :disabled="$parent.busy" class="btn btn-secondary" @change="handleFiles($event.dataTransfer.files)">

This is the console error and page blank: enter image description here

vue.js


Sources

This article follows the attribution requirements of Stack Overflow and is licensed under CC BY-SA 3.0.

Source: Stack Overflow

Solution Source

Related Questions