A Vue2 plugin make files upload simple and easier, single file upload with image preview, multiple upload with drag and drop
Switch branches/tags
Nothing to show
Clone or download
Latest commit 0f1414c Sep 30, 2018
Permalink
Failed to load latest commit information.
dist update Sep 10, 2018
src update Sep 10, 2018
.babelrc update Apr 27, 2018
.editorconfig update Apr 27, 2018
.gitignore update Apr 27, 2018
LICENSE Initial commit Apr 27, 2018
README.md Update README.md Sep 30, 2018
package.json update Sep 10, 2018
webpack.config.js update May 9, 2018

README.md



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






Demos and Documents

Explorer on

FOSSA Status



Vue plugin series

Plugin Status Description
v-page npm version A simple pagination bar, including length Menu, i18n support
v-dialogs npm version A simple and powerful dialog, including Modal, Alert, Mask and Toast modes
v-tablegrid npm version A simpler to use and practical datatable
v-uploader npm version A Vue2 plugin to make files upload simple and easier,
you can drag files or select file in dialog to upload
v-ztree npm version A simple tree for Vue2, support single or multiple(check) select tree,
and support server side data
v-gallery npm version A Vue2 plugin make browsing images in gallery
v-region npm version A simple region selector, provide Chinese administrative division data
v-selectpage npm version A powerful selector for Vue2, list or table view of pagination,
use tags for multiple selection, i18n and server side resources supports
v-suggest npm version A Vue2 plugin for input suggestions by autocomplete
v-playback npm version A Vue2 plugin to make video play easier
v-selectmenu npm version A simple, easier and highly customized menu solution



Plugin preview

single file upload with image preview

v-uploader-single

multiple files upload with drag and drop

v-uploader-multiple



Install

npm i v-uploader --save

Include plugin in your main.js file.

import Vue from 'vue'
import vUploader from 'v-uploader';

/**
 * v-uploader plugin global config
 */
const uploaderConfig = () => {
    return {
        uploadFileUrl: 'http://xxx/upload',
        deleteFileUrl: 'http://xxx/delete',
        showMessage: (vue, message) => {
            //using v-dialogs to show message
            vue.$vDialog.alert(message, null, {messageType: 'error'});
        }
    }
};

//install plugin with options
Vue.use(vUploader, uploaderConfig);

There is using v-dialogs to show message in example



Depend on