文件上传插件verupload.js

所属分类:输入-上传

 44958  306  查看评论 (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仿淘宝管理商品批量图片上传插件

jQuery淘宝上传商品图片代码,批量上传插件,(不兼容IE6,7,8)
  上传
 66464  375

图片上传插件

图片上传插件
  上传
 87016  392

图片预览上传插件bootstrap-fileinput.js

bootstrapfileinput预览上传图片并使用FmData上传,上传url根据实际情况填写
  上传
 85843  494

上传图片-可裁剪

上传图片可裁剪
  上传
 117854  388

讨论这个项目(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 清理了 回复
😃
  • 😀
  • 😉
  • 😥
  • 😵
  • 😫
  • 😘
  • 😡
  • 👍
  • 🌹
  • 👏
  • 🍺
  • 🍉
  • 🌙
  • 💖
  • 💔
😃
  • 😀
  • 😉
  • 😥
  • 😵
  • 😫
  • 😘
  • 😡
  • 👍
  • 🌹
  • 👏
  • 🍺
  • 🍉
  • 🌙
  • 💖
  • 💔
取消回复