Skip to content

A Vue2 plugin make files upload simple and easier, single file upload with image preview, multiple upload with drag and drop

License

Notifications You must be signed in to change notification settings

TerryZ/v-uploader

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

66 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation



v-uploader

v-uploader

A Vue2 plugin make files upload simple and easier,
single file upload with image preview, multiple upload with drag and drop






Examples and Documentation

Explorer on

Plugin preview

Single file upload with image preview

v-uploader-single

Multiple files upload with drag and drop

v-uploader-multiple

Installation

npm i v-uploader -S

Include and install plugin in your main.js file.

import Vue from 'vue'
import Uploader from 'v-uploader'
import { DialogAlert } from 'v-dialogs'

/**
 * v-uploader plugin global config
 */
const uploaderConfig = {
  uploadFileUrl: 'https://some-site/upload',
  deleteFileUrl: 'https://some-site/delete',
  showMessage: (vue, message) => {
    // using v-dialogs to display error message
    DialogAlert(message, { messageType: 'error' })
  }
}

// Globally install plugin with options
Vue.use(Uploader, uploaderConfig)

Use v-dialogs plugin to display message for example

Dependencies

License

FOSSA Status

About

A Vue2 plugin make files upload simple and easier, single file upload with image preview, multiple upload with drag and drop

Topics

Resources

License

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published