v-uploader 正在参加 2020 年度 OSC 中国开源项目评选,请投票支持!
v-uploader 在 2020 年度 OSC 中国开源项目评选 中已获得 {{ projectVoteCount }} 票,请投票支持!
投票让它出道
已投票
授权协议 MIT
开发语言 JavaScript
操作系统 跨平台
软件类型 开源软件
开发厂商
地区 国产
提 交 者 TerryZ
适用人群 未知
收录时间 2018-09-14

软件简介

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

展开阅读全文

代码

的 Gitee 指数为
超过 的项目

评论 (0)

加载中
更多评论
发表于服务端专区
2018/09/14 11:31

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

基于 Vue2 的 v-uploader v1.8.0 发布,更新内容: 增加部分参数允许在插件安装时进行全局设置 修改参数设置方式,从参数集对象的方式更换为单属性设置 重构、精简部分实现代码 修改插件部分样式内容 插件简介: v-uploader 基于 Vue2 简洁易用的文件上传插件,支持单文件上传带图片预览、多文件拖拽进行上传等模式 Demo...

0
18
没有更多内容
加载失败,请刷新页面
点击加载更多
加载中
下一页
发表了博客
2018/06/28 15:44

weui.js---uploader

Refenerce: https://github.com/Tencent/weui.js/blob/master/example/example.js 还得记得引入jquery,weui.css,weui.js呀 html: <div class="weui-cells weui-cells_form" id="uploader"> <div class="weui-cell"> <div class="weui-cell__bd"> <div class="weui-uploader"> ...

0
0
发表于大前端专区
2014/12/26 15:18

web uploader上传图片

WebUploader是由Baidu WebFE(FEX)团队开发的一个简单的以HTML5为主,FLASH为辅的现代文件上传组件。在现代的浏览器里面能充分发挥HTML5的优势,同时又不摒弃主流IE浏览器,沿用原来的FLASH运行时,兼容IE6+,iOS 6+, android 4+。两套运行时,同样的调用方式,可供用户任意选用。...

0
2
发表于大前端专区
2015/06/16 16:27

Web Uploader简单例子

Web Uploader简单例子

1
0
发表于大前端专区
2015/07/21 14:53

百度 Web Uploader试用

Web Uploader 无刷新上传文件,批量上传

0
0
发表了博客
2018/02/19 17:34

前端异步文件上传组件 Uploader

Uploader是非常强大的异步文件上传组件,支持ajax、iframe、flash三套方案,实现浏览器的全兼容,调用非常简单,内置多套主题支持 和常用插件,比如验证、图片预览、进度条等,广泛应用于淘宝网,比如退款系统、爱逛街、二手、拍卖、我的淘宝、卖家中心、导购中心等。 Uploader的特性 支持ajax、flash、iframe三种方案,...

0
0
发表了博客
03/19 20:24

从设计到实现前端Uploader基础类

https://juejin.im/post/5e5badce51882549652d55c2 前言 本文将带你基于ES6的面向对象,脱离框架使用原生JS,从设计到代码实现一个Uploader基础类,再到实际投入使用。通过本文,你可以了解到一般情况下根据需求是如何合理构造出一个工具类lib。 需求描述 相信很多人都用过/写过上传的逻辑,无非就是创建input[type=file...

0
0
发表了博客
2018/07/19 10:52

v-bind、v-model和v-on

v-bind (缩写 :) 动态地绑定一个或多个特性、或一个组件 prop 到表达式。 官网举例:如下 v-model 在表单控件或者组件上创建双向绑定。实例如下: v-on 指令用于监听DOM事件 形式如:v-on:click 缩写为 @click; <!-- 完整语法 --> <a v-on:click="doSomething"></a> <!-- 缩写 --> <a @click="doSomething"></a>...

0
0
发表于大前端专区
2014/07/28 17:56

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-default">开始上传</button> </div> <script type="text/javascript" src="./jquery.js"></script> <script type="text/javascript" sr...

1
3
没有更多内容
加载失败,请刷新页面
点击加载更多
加载中
下一页
暂无内容
0 评论
22 收藏
分享
返回顶部
顶部