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

2018-09-10 18:23:20 +08:00
 Terry05

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);
5318 次点击
所在节点    分享创造
6 条回复
a132811
2018-09-10 19:50:21 +08:00
顶下。
你这个 github pages 站点写的文档, 也是基于 vue,貌似 vue 的文档都是这个风格,
莫非是有自动生成此文档静态站的工具?
Terry05
2018-09-10 20:19:46 +08:00
@a132811 No,纯手写
dixeran
2018-09-10 23:44:19 +08:00
@a132811 你想要的话有 VuePress
helone
2018-09-10 23:53:09 +08:00
不错支持个,最好能实现下分片上传,见过很多 upload 组件都没实现这个功能
Terry05
2018-09-11 00:08:37 +08:00
@helone 分片上传?
hcwhan
2018-09-11 00:40:39 +08:00
start

这是一个专为移动设备优化的页面(即为了让你能够在 Google 搜索结果里秒开这个页面),如果你希望参与 V2EX 社区的讨论,你可以继续到 V2EX 上打开本讨论主题的完整版本。

https://www.v2ex.com/t/487944

V2EX 是创意工作者们的社区,是一个分享自己正在做的有趣事物、交流想法,可以遇见新朋友甚至新机会的地方。

V2EX is a community of developers, designers and creative people.

© 2021 V2EX