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 = () => {

    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

• fine-uploader




• holderjs