Ez File Uploader Component For Vue 3

This a File Upload Component For Vue 3

• ✅ Built With TypeScript 💙
• ✅ 2 way binding support
• ✅ Drag and Drop Support
• ✅ File Compress Support Using compressorjs
• ✅ Fully Customizable Styling Using Sass Variables !
• ✅ Base 64 Support
• ✅ Various File Extentions Preview Icons

Usage

npm i ez-uplpader

yarn add ez-uploader

Single File

<script>
   import EzUploader from 'ez-uploader';
   import 'ez-uploader/style'
   const file = ref(null);
</script>

<template>
  <EzUploader v-model="file"></EzUploader>
</template>

Multiple Files

<script>
   import EzUploader from 'ez-uploader';
   import 'ez-uploader/style'
   const file = ref(null);
</script>

<template>
  <EzUploader  multiple v-model="files"></EzUploader>
</template>

Props

| Name | Desc | Default | Type | | -------------- | -------------------------------------- | ------- | ----------------------- | | base64 | Provide Base 64 for output | false | boolean | | contain | Contain Preview Images | true | boolean | | cover | Cover Preview Images | false | boolean | | deleteBtnClass | class for delete btn | | string | | accept | Set File Accept For the HTML File input | image/* | string (HTML Accept attribute) | | quality | Compress the quality of the uploaded image | 1 | number (0.1 to 1) |

Events

• @validationError {errorMessage, errorType , fileName?}
• @base64Generated (base664 : string | string[])