V2EX = way to explore
V2EX 是一个关于分享和探索的地方
现在注册
已注册用户请  登录
爱意满满的作品展示区。
Terry05
V2EX  ›  分享创造

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

  •  
  •   Terry05 ·
    TerryZ · 2018-09-10 18:23:20 +08:00 · 5304 次点击
    这是一个创建于 2267 天前的主题,其中的信息可能已经有所发展或是发生改变。

    v-uploader

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


    Demo、文档

    请浏览


    插件预览

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

    批量上传,支持拖拽模式 multiple



    插件安装

    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);
    
    6 条回复    2018-09-11 00:40:39 +08:00
    a132811
        1
    a132811  
       2018-09-10 19:50:21 +08:00
    顶下。
    你这个 github pages 站点写的文档, 也是基于 vue,貌似 vue 的文档都是这个风格,
    莫非是有自动生成此文档静态站的工具?
    Terry05
        2
    Terry05  
    OP
       2018-09-10 20:19:46 +08:00
    @a132811 No,纯手写
    dixeran
        3
    dixeran  
       2018-09-10 23:44:19 +08:00 via Android
    @a132811 你想要的话有 VuePress
    helone
        4
    helone  
       2018-09-10 23:53:09 +08:00
    不错支持个,最好能实现下分片上传,见过很多 upload 组件都没实现这个功能
    Terry05
        5
    Terry05  
    OP
       2018-09-11 00:08:37 +08:00
    @helone 分片上传?
    hcwhan
        6
    hcwhan  
       2018-09-11 00:40:39 +08:00
    start
    关于   ·   帮助文档   ·   博客   ·   API   ·   FAQ   ·   实用小工具   ·   915 人在线   最高记录 6679   ·     Select Language
    创意工作者们的社区
    World is powered by solitude
    VERSION: 3.9.8.5 · 81ms · UTC 20:12 · PVG 04:12 · LAX 12:12 · JFK 15:12
    Developed with CodeLauncher
    ♥ Do have faith in what you're doing.