代码拉取完成,页面将自动刷新
同步操作将从 TerryZ/v-uploader 强制同步,此操作会覆盖自 Fork 仓库以来所做的任何修改,且无法恢复!!!
确定后同步将在后台操作,完成时将刷新页面,请耐心等待。
基于 Vue2 简洁易用,可批量、拖拽的文件上传插件
请浏览
Plugin | Status | Description |
---|---|---|
v-page | A simple pagination bar, including length Menu, i18n support | |
v-dialogs | A simple and powerful dialog, including Modal, Alert, Mask and Toast modes | |
v-tablegrid | A simpler to use and practical datatable | |
v-uploader | A Vue2 plugin to make files upload simple and easier, you can drag files or select file in dialog to upload |
|
v-ztree | A simple tree for Vue2, support single or multiple(check) select tree, and support server side data |
|
v-gallery | A Vue2 plugin make browsing images in gallery | |
v-region | A simple region selector, provide Chinese administrative division data | |
v-selectpage | A powerful selector for Vue2, list or table view of pagination, use tags for multiple selection, i18n and server side resources supports |
|
v-suggest | A Vue2 plugin for input suggestions by autocomplete | |
v-playback | A Vue2 plugin to make video play easier | |
v-selectmenu | A simple, easier and highly customized menu solution |
带图片预览的单文件上传
批量上传文件可进行拖拽
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
此处可能存在不合适展示的内容,页面不予展示。您可通过相关编辑功能自查并修改。
如您确认内容无涉及 不当用语 / 纯广告导流 / 暴力 / 低俗色情 / 侵权 / 盗版 / 虚假 / 无价值内容或违法国家有关法律法规的内容,可点击提交进行申诉,我们将尽快为您处理。