0.0.8 • Published 2 years ago
vue3-img-uploader v0.0.8
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})