文件上传插件verupload.js

所属分类:输入-上传

 41421  300  查看评论 (4)
分享到微信朋友圈
X
文件上传插件verupload.js ie兼容10

更新时间:2019/4/3 上午9:06:03

更新说明:修复多个上传控件冲突的bug


verupload.js 1.0.0

一、使用须知:

verupload.js是一款文件上传插件,通过普通按钮或者任意控件元素上传文件,插件IE目前仅支持IE10+以上浏览器,后期将逐步开放支持低版本IE浏览器。

二、方法介绍

使用verupload.js只需在js中new一个既可以使用,如下面实例:

new verUpload({
    files: "#files",
    name: "files",
    load_list: true,
    success:function (d) {
        alert(d);
    },
    fail:function (d) {
        alert(d)
    },
    size:1024*4,
    ext:['jpg','jpeg','png','gif']
});
<div>
    <button id="files">上传</button>
</div>

三、相关参数说明

  • files:上传控件,任意修饰符,推荐使用ID。

  • name:上传文件字段名称,对应file中的name。

  • load_list:是否显示上传文件列表,默认为false。

  • success:上传成功回调函数。

  • fail:上传失败回调函数。

  • size:允许上传文件的最大值,单位Kb。

  • ext:允许上传的文件后缀集合。

  • method:上传文件的提交地址,默认为:api/upload.php。

  • data-upload-more:多文件上传标记,在上传控件中加入标记表示当前控件按钮支持多文件上传,写法:data-upload-more='true'

实例图片

upload.png

upload3.png

upload4.png

upload5.png

upload6.png

版权信息

Copyright ? 2019 by 搬砖的小白

All rights reserved。

相关插件-上传

jquery头像上传剪裁插件cropper

cropper是一款使用简单且功能强大的图片剪裁jQuery插件
  上传
 112620  732

jQuery图片上传预览带压缩功能

基于jquery 的canvas压缩图片上传到服务器并在前端展示
  上传
 44697  319

jquery多图片上传

多张图片上传,显示
  上传
 283910  794

jQuery图片上传,带剪切功能

jQuery图片上传,适用移动端,带剪切功能,支持手势调节图片大小
  上传
 36811  330

讨论这个项目(4)回答他人问题或分享插件使用方法奖励jQ币 评论用户自律公约

    ??一份?著?? 0
    2020/7/21 16:29:27
    跨域怎么配置嘞,用这个前后端分离怎么给这个插件配置跨域 回复
    卉灵 0
    2020/7/16 9:04:07
    动态生成的上传按钮会报错诶 回复
    落痕无声 0
    2019/12/21 20:21:50
    后台是java怎么接收 回复
    var_dump看看你什么东西 0
    2019/6/20 13:11:01
    老哥 有BUG重复上传 file_name 清理了 回复
😃
  • 😀
  • 😉
  • 😥
  • 😵
  • 😫
  • 😘
  • 😡
  • 👍
  • 🌹
  • 👏
  • 🍺
  • 🍉
  • 🌙
  • 💖
  • 💔
😃
  • 😀
  • 😉
  • 😥
  • 😵
  • 😫
  • 😘
  • 😡
  • 👍
  • 🌹
  • 👏
  • 🍺
  • 🍉
  • 🌙
  • 💖
  • 💔
取消回复