• Stars
    star
    123
  • Rank 289,035 (Top 6 %)
  • Language
    HTML
  • Created over 6 years ago
  • Updated over 4 years ago

Reviews

There are no reviews yet. Be the first to send feedback to the community and the maintainers!

Repository Details

jquery大文件分片上传插件-fcup.js

fcup.js

此版本已不在更新,新版本请移步至 https://gitee.com/lovefc/fcup2

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

avatar

安装

直接下载源码,演示地址: http://fcphp.cn/fcup

使用方法

    $.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函数
               $.upErrorMsg(msg);
            }
            
            // 已经上传过了
            if (status == 3) {
               Progress(100);
               $('#pic').attr("src", res.url);
               $('#pic').show();
               // 停止上传触发$.upStop函数
               $.upErrorMsg(msg);
            }            
         },

         // 上传过程监听,可以根据当前执行的进度值来改变进度条
         upEvent: function (num) {
            // num的值是上传的进度,从1到100
            Progress(num);
         },

         // 发生错误后的处理
         upStop: function (errmsg) {
            // 这里只是简单的alert一下结果,可以使用其它的弹窗提醒插件
            alert(errmsg);
         },

         // 开始上传前的处理和回调,比如进度条初始化等
         upStart: function () {
            Progress(0);
            $('#pic').hide();
            alert('开始上传');
         }

      });

更新日志

2018/1/8 : 添加了对于接口返回结果的回调,添加了对于上传表单id的指定

2018/1/10 : 添加了node.js的上传接口,基于express框架

2018/1/17 : 优化了分片异步处理,队列执行接口,修复细节

2018/5/02 : 添加了文件大小的判断,添加了对于文件md5的计算,添加了终止函数,传值到后台使用,优化细节部分

2019/5/21 : 分离了原来的进度动画,现在用户可以自定义自己的动画和按钮,分别提供了各种回调事件以便处理

2019/8/12 : 修复了获取md5值的bug,感谢Matty的提醒

2019/10/22: 修改了终止事件循环执行的bug

More Repositories

1

china_school_badge

全国高校校徽字体图标库
CSS
918
star
2

php-nginx

Nginx developed with php
PHP
70
star
3

fcup2

一个轻巧的js类库,用于在网页端上传大文件,大图片,可以设置多个上传参数,提供了多种回调. 可以任意绑定id,自动生成上传表单,可以自定义文件头,其它参数,设置最大上传,最小上传,以及判断上传类型.
JavaScript
21
star
4

chrome-developers-manual

看一遍就懂的chrome扩展开发手册
18
star
5

pddapi

拼多多开放平台API类库
PHP
17
star
6

fcode

九宫格自动锁屏js插件
JavaScript
13
star
7

wzjk

一个多网站监控,sh执行的bat
Batchfile
7
star
8

taobaoapi

淘宝开放平台基础api
PHP
6
star
9

win-redis-memcache

redis memcache bat一键启动
Batchfile
6
star
10

captcha

php动态验证码类库
PHP
5
star
11

eztpl

一个轻便,自由,高效,可以自由定义模板语法的php单文件模版引擎!
PHP
4
star
12

mmd-web-play

mmd-web播放器
JavaScript
4
star
13

jinyu

金鱼网盘-临时上传网盘
PHP
3
star
14

fmusic

一款移动端的手势音乐播放器,支持单曲循环,歌词显示,歌曲搜索,音量控制,列表循环等功能
CSS
3
star
15

node-pddapi

node版-拼多多开放平台api类库
JavaScript
3
star
16

laravel-route-notes

Laravel framework extension, native annotation generates route
PHP
2
star
17

lovefc

自我介绍
2
star
18

chat-page

chat-page
CSS
2
star
19

fc-route

又一个强大的nodejs路由
JavaScript
2
star
20

lol_fonts

全网第一,LOL英雄图标字体库!你确定能把到我吗?召唤师!
CSS
1
star
21

loadpage

一款轻量级页面加载动画js插件,可以用来设置页面加载动画
JavaScript
1
star
22

fcphp6

php7下的重构的框架,可以用来学习,满足一般小型需求。
PHP
1
star