0.0.4 • Published 11 months ago
draggable-vue-uploader v0.0.4
draggable-vue-uploader
English | 简体中文
A simple image uploader component that supports drag-and-drop sorting of image lists.
If this project helps you, please give it a star!
Supports Vue 3
Installation
npm i draggable-vue-uploaderUsage
import DraggableUploader from 'draggable-vue-uploader';
import 'draggable-vue-uploader/dist/style.css'
createApp(App).use(DraggableUploader).mount('#app')Example
Run demo
cd example
npm run i
npm run dev
Documentation
Props
| Prop | Description | Type | Default |
|---|---|---|---|
| action | The URL for uploading. | string | - |
| headers | The header information for uploading requests. | {key: value} | - |
| fileList | The list of files. | FileItem[] | - |
| maximum | The maximum number of uploads for the list. | number | 10 |
| before-upload | Triggered before uploading files. | (file: File) => boolean\| Promise | - |
Events
| Event | Description | Parameters |
|---|---|---|
| change | Triggered when the file status changes. | fileList: FileItem[]fileItem: fileItem |
| progress | Upload file progress bar. | fileItem: fileItemprogress: progress |
| success | Triggered when the upload is successful. | fileItem: fileItemresult: result |
| error | Triggered when the upload fails. | fileItem: FileItemerror: error |
To-do
- Basic functionality
- Image preview
- Package release
- Animation
- Complete API