素材牛VIP会员

文件上传插件verupload.js

 所属分类:网页特效,PHP实例-上传,上传

 浏览:2921次  评论:12次  更新时间:2019-03-29
牛币素材VIP可免积分下载
文件上传插件verupload.js兼容IE9
积分说明:注册即送10牛币,每日签到可获得5牛币,成为VIP会员可永久免牛币下载!   充值积分   充值会员   更多说明»
项目地址(website):https://github.com/xingkong1993/verUpload
素材描述:verupload.js是一款文件上传插件,通过普通按钮或者任意控件元素上传文件
 标签:上传

详细介绍

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'

文件目录结构

  • api
    • ┝ index.html
    • ┝ README.md
    • verUpload
      • asset
        • ┝ upload.css
      • ┝ verUpload.js

    讨论这个素材(12)回答他人问题或分享使用心得会奖励牛币

    妮***m  
    2019年04月15日

    好用好用

    回复
    ka***88  
    2019年06月20日

    这个上传不错

    回复
    l8***88  
    2019年07月03日

    这个上传不错

    回复
    Wh***at  
    2019年07月09日

    这个上传不错

    回复
    si***ne  
    2019年07月16日

    谢谢分享

    回复
    零***落  
    2019年07月17日

    很好很好,学习了!!!!

    回复
    js***ss  
    2019年08月20日

    谢谢分享。

    回复
    js***ss  
    2019年08月23日

    谢谢分享

    回复
    js***ss  
    2019年08月23日

    这素材牛这个平台学到了很多,希望素材牛越走越远。

    素材牛:谢谢支持~!
    回复
    qq***34  
    2020年08月07日

    我想问下 上传完成后,再上传一个怎么个玩法

    回复
    qq***17  
    2021年04月02日

    不错,可以

    回复
     文明上网,理性发言!   😉 阿里云幸运券,戳我领取
    我的牛币余额:0
    所需牛币:5 开始下载

    牛币获取:签到、评论、充值    » 在线充值(10牛币=1元)