• 设为首页
  • 点击收藏
  • 手机版
    手机扫一扫访问
    迪恩网络手机版
  • 关注官方公众号
    微信扫一扫关注
    公众号

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

原作者: [db:作者] 来自: 网络 收藏 邀请

开源软件名称:

v-uploader

开源软件地址:

https://gitee.com/TerryZ/v-uploader

开源软件介绍:



v-uploader



v-uploader

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






Demo、文档

请浏览



Vue plugin series

PluginStatusDescription
v-pagenpm versionA simple pagination bar, including length Menu, i18n support
v-dialogsnpm versionA simple and powerful dialog, including Modal, Alert, Mask and Toast modes
v-tablegridnpm versionA simpler to use and practical datatable
v-uploadernpm versionA Vue2 plugin to make files upload simple and easier,
you can drag files or select file in dialog to upload
v-ztreenpm versionA simple tree for Vue2, support single or multiple(check) select tree,
and support server side data
v-gallerynpm versionA Vue2 plugin make browsing images in gallery
v-regionnpm versionA simple region selector, provide Chinese administrative division data
v-selectpagenpm versionA powerful selector for Vue2, list or table view of pagination,
use tags for multiple selection, i18n and server side resources supports
v-suggestnpm versionA Vue2 plugin for input suggestions by autocomplete
v-playbacknpm versionA Vue2 plugin to make video play easier
v-selectmenunpm versionA simple, easier and highly customized menu solution



插件预览

带图片预览的单文件上传

v-uploader-single

批量上传文件可进行拖拽

v-uploader-multiple



安装

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 paramsVue.use(vUploader, uploaderConfig);

There is using v-dialogs to show message in example



Depend on


鲜花

握手

雷人

路过

鸡蛋
该文章已有0人参与评论

请发表评论

全部评论

专题导读
热门推荐
热门话题
阅读排行榜

扫描微信二维码

查看手机版网站

随时了解更新最新资讯

139-2527-9053

在线客服(服务时间 9:00~18:00)

在线QQ客服
地址:深圳市南山区西丽大学城创智工业园
电邮:jeky_zhao#qq.com
移动电话:139-2527-9053

Powered by 互联科技 X3.4© 2001-2213 极客世界.|Sitemap