26 Star 76 Fork 17

TerryZ / v-uploader

加入 Gitee
与超过 1200万 开发者一起发现、参与优秀开源项目,私有仓库也完全免费 :)
免费加入
克隆/下载
README.md 4.52 KB
一键复制 编辑 原始数据 按行查看 历史
TerryZ 提交于 2018-09-11 00:23 . 更新 README.md



v-uploader



v-uploader

基于 Vue2 简洁易用,可批量、拖拽的文件上传插件






Demo、文档

请浏览



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



插件预览

带图片预览的单文件上传

v-uploader-single

批量上传文件可进行拖拽

v-uploader-multiple



安装

npm i v-uploader --save

在项目入口 main.js 文件中进行引用

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 params
Vue.use(vUploader, uploaderConfig);

There is using v-dialogs to show message in example



Depend on

JavaScript
1
https://gitee.com/TerryZ/v-uploader.git
git@gitee.com:TerryZ/v-uploader.git
TerryZ
v-uploader
v-uploader
master

搜索帮助