vue3-img-uploader

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

Install

1npm install vue3-img-uploader

or:

1pnpm install vue3-img-uploader

Screenshots

Using

1import { createApp } from 'vue'
2import App from './App.vue'
3
4import Vue3ImgUploader from 'vue3-img-uploader'
5import 'vue3-img-uploader/style.css'
6
7const app = createApp(App)
8app.use(Vue3ImgUploader)
9app.mount('#app')

Add component to page

1<script lang="ts" setup>
2   import {ref} from 'vue';
3   const file = ref([]);
4</script>
5
6<template>
7  <div>
8    <Vue3ImgUploader
9      v-model="file"
10      :isDraggingAble="true"
11      :isMultiple="true"
12      :showSize="true"
13      :customClass="'custom-class'"
14    />
15  </div>
16</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

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

Author

• Hamza Abo Aitah
• FaceBook
• Email