vue3-img-uploader

Image loader for Vue 3, displays image previews and the ability to switch multiple modes.

Install

npm install vue3-img-uploader

or:

pnpm install vue3-img-uploader

Screenshots

Using

import { createApp } from 'vue'
import App from './App.vue'

import Vue3ImgUploader from 'vue3-img-uploader'
import 'vue3-img-uploader/style.css'

const app = createApp(App)
app.use(Vue3ImgUploader)
app.mount('#app')

Add component to page

<script lang="ts" setup>
   import {ref} from 'vue';
   const file = ref([]);
</script>

<template>
  <div>
    <Vue3ImgUploader
      v-model="file"
      :isDraggingAble="true"
      :isMultiple="true"
      :showSize="true"
      :customClass="'custom-class'"
    />
  </div>
</template>

Properties

Props	Type	Default
isDraggingAble	Boolean	true
isMultiple	Boolean	false
showSize	Boolean	true
customClass	String	' '

Global Options

you can use global options to set default values for all components

const app = createApp(App)
app.use(Vue3ImgUploader, {ShowSize: true, isDraggable: true})

Author

• Hamza Abo Aitah
• FaceBook
• Email