default.html文件,default.html

jquery文件分段上传插件-fcup.js

// 进度条

function Progress(value) {

var myProgress = document.getElementById("myProgress");

var mySpan = document.getElementById("mySpan");

mySpan.innerText = value + "%";

myProgress.value = value;

}

body {

font-family: Helvetica, 'Hiragino Sans GB', 'Microsoft Yahei', '微软雅黑', Arial, sans-serif;

}

a {

color: blue;

}

fcup.js-大文件分段上传插件

0%

上传文件

更多案例：

旧版本样式

结合layui

结合bootstrap

$.fcup({

upId: 'upid', //上传dom的id

upShardSize: '1', //切片大小,(单次上传最大值)单位M，默认2M

upMaxSize: '2000', //上传文件大小,单位M，不设置不限制

upUrl: './php/file.php', //文件上传接口

upType: 'jpg,png,jpeg,gif', //上传类型检测,用,号分割

//接口返回结果回调，根据结果返回的数据来进行判断，可以返回字符串或者json来进行判断处理

upCallBack: function (res) {

// 状态

var status = res.status;

// 信息

var msg = res.message;

// url

var url = res.url + "?" + Math.random();

// 已经完成了

if (status == 2) {

alert(msg);

$('#pic').attr("src", url);

$('#pic').show();

}

// 还在上传中

if (status == 1) {

console.log(msg);

}

// 接口返回错误

if (status == 0) {

// 停止上传触发$.upStop函数

$.upErrorMsg(msg);

}

// 已经上传过了

if (status == 3) {

Progress(100);

$('#pic').attr("src", url);

$('#pic').show();

$.upErrorMsg(msg);

}

},

// 上传过程监听，可以根据当前执行的进度值来改变进度条

upEvent: function (num) {

// num的值是上传的进度，从1到100

Progress(num);

},

// 发生错误后的处理

upStop: function (errmsg) {

// 这里只是简单的alert一下结果，可以使用其它的弹窗提醒插件

alert(errmsg);

},

// 开始上传前的处理和回调,比如进度条初始化等

upStart: function () {

Progress(0);

$('#pic').hide();

console.log('开始上传');

}

});

一键复制

编辑

Web IDE

原始数据

按行查看

历史