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

所属分类:输入-上传

 34636  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('开始上传');
    }
});
相关插件-上传

pc端图片批量上传,可拖动图片交换位置

jQuery可批量上传图片 可以拖动交换位置 可删除
  上传
 63979  459

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

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

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

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

jquery头像上传剪裁插件cropper

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

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