vue file agent
<template>
<VueFileAgent
ref="vueFileAgent"
:theme="'list'"
:multiple="true"
:deletable="true"
:meta="true"
:accept="'image/*,.zip'"
:maxSize="'10MB'"
:maxFiles="14"
:helpText="'Choose images or zip files'"
:errorText="{
type: 'Invalid file type. Only images or zip Allowed',
size: 'Files should not exceed 10MB in size',
}"
@select="filesSelected($event)"
@beforedelete="onBeforeDelete($event)"
@delete="fileDeleted($event)"
v-model="fileRecords"
></VueFileAgent>
<button :disabled="!fileRecordsForUpload.length" @click="uploadFiles()">
Upload {{ fileRecordsForUpload.length }} files
</button>
</template>