首页 | 6679 | 515 | 257 | 添加收藏 上一个 下一个
fcup.js大文件分片上传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('开始上传');
    }
});