基于 Vue2 的文件上传插件 v-uploader

MIT
JavaScript
跨平台
2018-09-14
TerryZ

v-uploader

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

Demo、文档

请浏览

插件预览

带图片预览的单文件上传

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

There is using v-dialogs to show message in example

Depend on

的码云指数为
超过 的项目
加载中

评论(0)

暂无评论

v-uploader v1.8.0 发布,支持预览、拖拽的上传插件

基于 Vue2 的 v-uploader v1.8.0 发布,更新内容: 增加部分参数允许在插件安装时进行全局设置 修改参数设置方式,从参数集对象的方式更换为单属性设置 重构、精简部分实现代码 修改插件部分...

2018/09/14 11:31

没有更多内容

加载失败,请刷新页面

没有更多内容

暂无问答

关于Plupload结合上传插件jquery.plupload.queue的使用

  之前使用过很多的上传组件,但对各种浏览器的兼容性太差,不得不放弃!!   plupload 是款很强大的上传组件,不得不推荐。plupload 前端根据浏览器不同选择使用Html5、 Gears, Silverl...

2014/08/27 13:50
1K
0
Magento利用input type=”file”上传图片

首先在模板文件加个表单,内容如下: <form action=”<?php echo $this->getUploadFile();?>” method=”post” enctype=”multipart/form-data”> <input type=”file” name=”upload_file...

2013/06/15 10:26
84
0
Ajax上传控件封装,支持图片简介、支持图片前台压缩1

Ajax上传控件封装,支持图片简介、支持图片前台压缩

2016/01/07 13:17
47
0
JQ_Web Uploader图片上传控件

HTML <div id="uploader"> <div id="j_stat"> <input type="text" name="thumb" id="j_tb" value="" /> </div> <div id="j_file">选择文件</div> <button id="j_btn" class="btn btn-defaul...

2014/07/28 17:56
700
0
uploadify3.0详细使用说明

使用: //绑定的界面元素<input id=' gallery 'type='file'/> $("#gallery").uploadify({ 设置参数,参数如下. }); 设置的属性: id: jQuery(this).attr('id'), //绑定的input的ID langFile...

2012/12/01 10:46
147
0
spring 通过配置向quartz 注入service

如何通过spring 向quartz动态注入service或者,传入动态参数? 这里主要用到了org.springframework.scheduling.quartz.JobDetailBean这个类的setJobDataAsMap的这个方法! 具体的API如下: ...

2014/06/09 10:48
31
0
WebSocket上传控件 ,Uploader6.0 上传控件代码重构

Uploader6.0 上传控件代码重构 1.不再支持IE9及以下浏览器 2.前后文件读取使用FileReader 3.前台图片处理使用Canvas 4.前后台数据交货使用WebSocket,后台逻辑分装在Asp.Net平台下 功能说明:...

2016/12/14 14:38
41
0
前端上传组件Plupload使用指南

前端上传组件Plupload使用指南

2015/06/18 13:40
43
0
HTML5文件上传器,纯脚本无插件的客户端文件上传器

客户端完全基于JavaScript的 浏览器文件上传器,不需要任何浏览器插件,但需要和jQuery框架协同工作,支持超大文件上传,其算法是将一个超大文件切片成N个数据块依次提交给服务 端处理,由服...

2014/08/28 13:05
134
0

没有更多内容

加载失败,请刷新页面

返回顶部
顶部