v-uploader - 基于 Vue2 简洁易用，可批量、拖拽的文件上传插件

v-uploader

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

Demo、文档

请浏览

• English site
• 国内站点

插件预览

单文件上传带图片预览模式

批量上传，支持拖拽模式

插件安装

npm i v-uploader --save
复制代码

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

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

/**
 * v-uploader plugin global config
 */
const uploaderConfig = {
    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);
复制代码

转载于:https://juejin.im/post/5b9641716fb9a05cff31f9a3