fcup.js大文件分片上传jquery插件(原创)

所属分类:输入-上传

 39944  313  查看评论 (14)
分享到微信朋友圈
X
fcup.js大文件分片上传jquery插件(原创) ie兼容11

fcup.js

fcup.js是一款支持大文件切片上传插件。该jquery插件使用简单,配置简单明了,支持上传类型指定,支持自定义各种事件处理,完全可以用来打造属于个性的文件上传功能。

使用方法

$.fcup({
    upId: 'upid', //上传dom的id
    upShardSize: '1', //切片大小,(单次上传最大值)单位M,默认2M
    upMaxSize: '20', //上传文件大小,单位M,不设置不限制
    upUrl: './php/file.php', //文件上传接口
    upType: 'jpg,png,jpeg,gif', //上传类型检测,用,号分割
    //接口返回结果回调,根据结果返回的数据来进行判断,可以返回字符串或者json来进行判断处理
    upCallBack: function(res) {
        var status = res.status;
        var msg = res.message;
        // 已经完成了
        if (status == 2) {
            alert(msg);
            $('#pic').attr("src", res.url);
            $('#pic').show();
        }
        // 还在上传中
        if (status == 1) {
            console.log(msg);
        }
        // 接口返回错误
        if (status == 0) {
            // 停止上传并且提示信息
            $.upStop(msg);
        }
    },
    // 上传过程监听,可以根据当前执行的进度值来改变进度条
    upEvent: function(num) {
        // num的值是上传的进度,从1到100
        Progress(num);
    },
    // 发生错误后的处理
    upStop: function(errmsg) {
        // 这里只是简单的alert一下结果,可以使用其它的弹窗提醒插件
        alert(errmsg);
    },
    // 开始上传前的处理和回调,比如进度条初始化等
    upStart: function() {
        Progress(0);
        $('#pic').hide();
        alert('开始上传');
    }
});
相关插件-上传

多图片上传预览(纯前端)

多图片上传预览,已测试ie 360 火狐 谷歌浏览器
  上传
 259132  585

html5文件上传插件Pure HTML5 file upload

html5文件上传插件Pure HTML5 file upload
  上传
 85104  381

jQuery移动端多图上传(带裁剪功能)

适应于手机端上传图片的功能,附带上传图片裁剪功能
  上传
 43397  355

jQuery多图上传带ajax提交

jQuery多图上传可删除,可以本地预览带前台接口
  上传
 84787  560

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

    panking 0
    2022/12/20 11:46:38
    演示都一堆报错,看不到效果呀 回复
    William 0
    2022/11/18 19:22:35
    大文件切片之后后台如何进行合并呢 回复
    莫好奇1?1?0?5??? 0
    2022/10/14 20:27:55
    怎么每次计算的md5都是一样的呀? 回复
    孤狼 0
    2021/12/2 18:02:52
    你好,请问一下,一个页面有多个文件上次得按钮,怎么就不行了啊 回复
    +140 0
    2020/12/15 14:17:47
    后台代码咋写啊 回复
    别闹 0
    2020/8/19 9:16:56
    您好,麻烦问下,我试着上传一个22M的pdf文件,会提示文件过大,这不就是处理大文件上传的么,为什么22M就不行了呢
        别闹0
        2020/8/19 9:55:09
        额,不好意思,没注意看代码,打扰了。。。。
    回复
    卢禄 0
    2020/3/18 17:28:21
    Struts后台怎么写有没有样例 回复
    忽尔一夏 0
    2019/12/9 17:18:30
    大神, 有没有其他参数可以设置啊 回复
    哄着自己玩 0
    2019/6/12 12:25:31
    上传后浏览器cpu占用过高
        疏梦寒星0
        2019/6/12 14:56:20
        会计算md5和切片,所以会费点cpu
        网虫≮代0
        2023/6/29 16:49:28
        😘
    回复
    ???? 0
    2019/6/1 21:07:03
😃
  • 😀
  • 😉
  • 😥
  • 😵
  • 😫
  • 😘
  • 😡
  • 👍
  • 🌹
  • 👏
  • 🍺
  • 🍉
  • 🌙
  • ⭐
  • 💖
  • 💔
😃
  • 😀
  • 😉
  • 😥
  • 😵
  • 😫
  • 😘
  • 😡
  • 👍
  • 🌹
  • 👏
  • 🍺
  • 🍉
  • 🌙
  • ⭐
  • 💖
  • 💔
取消回复