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

原始数据

按行查看

历史

default.html文件,default.html相关推荐

  1. 计算机本地用户删除后怎么恢复,Default User文件夹被删了怎样恢复

    满意答案 opposities 2013.06.06 采纳率:80%    等级:24 已帮助:17327人 1.开机后出现"Windows 不能加载本地存储的配置文件.此问题的可能原因是安 ...

  2. Proteus 8找不到DEFAULT.DTF文件的解决方案

    安装好Proteus 8后,创建新文档提示Cannot locate the default template file 'DEFAULT.DTF' Please check the path con ...

  3. 启动jenkins解锁后,报错“Failed to update the default Update Site 'default'”

    报错信息: // 报错信息 2019-11-05 02:01:43.970+0000 [id=40] INFO hudson.util.Retrier#start: The attempt #1 to ...

  4. html中default是什么文件,Default是什么文件夹?Default文件夹可以删除吗?

    C盘用户文件夹里的Default是什么文件夹,有什么用,能删除么?见怪不怪,其怪自败!偏偏很多人和笔者一样好奇心重!对这个问题穷追猛打,网上相关资料很少,笔者搜集整理了下面的内容,如果对您有微末的帮助 ...

  5. 配置 default Jenkinsfile 文件

    问题: 公司有很多代码工程(几十个),如果将Jenkinsfile文件放置在每个代码工程里面,维护量很大,且当脚本发生必要的变更后,所有的工程代码中的这个文件都要重新修改. 为了解决这个问题,我编写了 ...

  6. 打开远程桌面时总提示无法打开连接文件default.rdp

    删除C:\Users\Administrator\Documents\default.rdp,再启动远程就好了 http://www.chahushequ.com/read-topic-94-2fa9 ...

  7. UserWarning: Workbook contains no default style, apply openpyxl‘s default warn no default style 解决方案

      大家好,我是爱编程的喵喵.双985硕士毕业,现担任全栈工程师一职,热衷于将数据思维应用到工作与生活中.从事机器学习以及相关的前后端开发工作.曾在阿里云.科大讯飞.CCF等比赛获得多次Top名次.现 ...

  8. 数字类 default 0和 default 0_04Optional类和接口中的default、static方法

    这篇文章,介绍Jave8的 Optional 类和接口的 default.static 方法. 1.Optional类 Optional:Java8 java.util包中提供的一个可以包含或者不包含 ...

  9. 数字类 default 0和 default 0_全方位的数字规划工具Visual Components 4.0 数字化工厂仿真软件...

    Visual Components 是全方位的数字规划工具.无论从制程规划.生产到营销都能够整合在同一个平台上作业,有助于内部的技术沟通及外部营销.此外,Visual Components 整合了物流 ...

最新文章

  1. Android自定义View的实现方法,带你一步步深入了解View
  2. Java集合框架源码解析之ArrayList
  3. mybatis和ehcache整合
  4. 1.6-1.7配置IP1.8网络问题排查
  5. Bash:把粘贴板上的内容拷贝的文件中。(脚本)
  6. [react] 在React中如果去除生产环境上的sourcemap?
  7. ES之各种运算符,for、while、do while 、switch case循环
  8. C#继承(初始化基类,重写,重载)
  9. 【转】C/C++中宏使用总结
  10. 这12个GIS软件一个比一个好用
  11. 向量叉积和点积混合运算_向量点积叉积及其几何意义
  12. 周赛-mZY寻宝(bfs搜索)
  13. LTE PWS CMAS CBS消息
  14. java对文件分片处理
  15. IP协议 Header Checksum算法
  16. 深度估计 DenseDepth 笔记
  17. dota攻略(dota全部英雄装备合成和英雄打法)
  18. HP 830 G5升级 Ubuntu 20.04 后没有声音
  19. PrimoBurnerSDK蓝光刻录工具开发工具包
  20. 使用BC进行RSA加密与解密

热门文章

  1. 关于静摩擦与动摩擦的loop_up_table设置
  2. Matlab程序仿真与调试入门
  3. 领导给了一堆无序杂乱的数据,我写了个Python自动化脚本
  4. 有关l2,1范数作用的理解--正则化项作用,不同于l1范数(矩阵元素绝对值之和)的稀疏要求,l21范数还要求行稀疏
  5. 我的在win10下安装tensorflow的过程
  6. word中的图片设定成统一文字环绕格式
  7. .NET下数据访问层+webform前台 技术大比拼
  8. 短信广告中虚拟网关发送与电信网关发送的区别
  9. css叠层_CSS 中重要的层叠概念
  10. 将您重定向的次数过多什么意思_忙忙碌碌将爱麻木是什么歌-所以会忙忙碌碌将爱麻木歌曲意思、出处、含义介绍...