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

最新推荐文章于 2025-05-19 15:00:42 发布

转载最新推荐文章于 2025-05-19 15:00:42 发布 · 987 阅读

0 ·

CC 4.0 BY-SA版权

原文链接：https://juejin.im/post/5b9641716fb9a05cff31f9a3

文章标签：

#javascript #ViewUI

v-Uploader是一款基于Vue2的文件上传插件，支持批量上传及拖拽功能，并提供图片预览模式。该插件可通过npm安装，并在项目的main.js文件中进行配置。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

v-uploader

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

Demo、文档

请浏览

插件预览

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

批量上传，支持拖拽模式

插件安装

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);
复制代码