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

11c65a59f1c44c537180d41515b2b721.png

ff20617b0252a94a2598425ec9f64fdc.png

插件描述:fcup是一款支持大文件切片上传插件。该jquery插件使用简单,配置简单明了支持上传类型指定,进度条查看上传进度。

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('开始上传');

}

});

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值