扩展 ajaxupload.js ,支持客户端判断上传文件的大小
        onSubmit: function(file, extension){},
修改为
        onSubmit: function(file, extension, size){},
        if (! (settings.onSubmit.call(this, file, getExt(file))) == false)) {
修改为
        if (! (settings.onSubmit.call(this, file, getExt(file), getSize('absFileInput')) == false)) {
增加函数 getSize, 源自 http://www.cnblogs.com/majiang/p/5120740.html
function getSize(elementID) {
    var file = document.getElementById(elementID);
    var size = 0;
    if (file.value) {
        if (file.files) {
            size = file.files[0].size;
        }
        else {
            var imgid = "img" + elementID;
            var obj_img = document.getElementById(imgid);
            obj_img.dynsrc = file.value;
            size = obj_img.fileSize;
        }
    }
    return size;
}
最后修改提交脚本
new AjaxUpload(button, {
  //...
  onSubmit: function (file, ext, size) {
    if (!(ext && /^(pdf)$/.test(ext))){
       alert(file +' 不是允许上传的文件类型');
    // cancel upload
    return false;
    }
    if(size>20*1000*1000){
      alert(file+' 超出文件上传的大小限制');
      return false;
    }
  },
  //...
)};
IE 11,10-7 测试通过
扩展 ajaxupload.js ,支持客户端判断上传文件的大小的更多相关文章
- html5 如何实现客户端验证上传文件的大小
		在HTML 5中,现在可以在客户端进行文件上传时的校验了,比如用户选择文件后,可以 马上校验文件的大小和属性等.本文章向码农介绍html5 如何实现客户端验证上传文件的大小,感兴趣的码农可以参考一下. ... 
- js判断上传文件的大小、类型、修改日期等信息
		1.找到上传文件的前端代码,下断点,进行调试,使用jquery获得上传文件对象 2.鼠标放到文件对象fielEl上,弹出文件对象具体内容,可以看大文件对象的:上次修改时间.名字.大小.类型等信息 3. ... 
- 在js中如何得到上传文件的大小。
		<html> <head> <script language="javascript"> function getSize() { ... 
- jQuery统计上传文件的大小
		对于现代浏览器(支持html5)来说,在客户端统计上传文件的大小,可以通过$(selector)[0].files[0].size来实现.但在老版本的IE浏览器中,比如IE7,IE8或IE9,却不支持 ... 
- JS 判断上传 文件 大小
		随着HTML5 的发展,我们可以用file控件的size属性来获取客户端 上传文件的大小,但是 我今天测试 发现IE10支持,IE11的某个版本不支持, 于是就借用img控件来加载一此, 以此来获取文 ... 
- JS判断上传文件类型
		/* * 判断图片类型 */ function checkImgType(ths){ if (ths.value == "") { ... 
- js判断上传文件的类型和大小
		//检测文件大小和类型 function fileChange(target){ //检测上传文件的类型 if(!(/(?:jpg|gif|png|jpeg)$/i.test(target.value ... 
- WebService支持多平台上传文件的实现
		WebService支持多平台上传文件的实现 要使用网站上传文件,在ASP.NET的范畴,我基本上能想到的有两类,一类是通过HTTP POST请求获得文件信息,另外一类是通过WebService或 ... 
- ASP.Net在web.config中设置上传文件的大小方法
		修改Webcong文件:<system.web><httpRuntime maxRequestLength="40960" //即40MB,1KB=1024u ... 
随机推荐
- hook鼠标
			library dllMouse; uses SysUtils, Classes, UnitHookDLL in 'UnitHookDLL.pas', UnitHookConst in 'UnitHo ... 
- 干货 | AI人脸识别之人脸搜索
			本文档将利用京东云AI SDK来实践人脸识别中的人脸搜索功能,主要涉及到分组创建/删除.分组列表获取.人脸创建/删除.人脸搜索,本次实操的最终效果是:创建一个人脸库,拿一张图片在人脸库中搜索出相似度最 ... 
- SQL基础教程(第2版)第5章 复杂查询:练习题
			/* 下面是解答示例 */ -- 创建视图的语句 CREATE VIEW ViewPractice5_1 AS SELECT product_name, sale_price, regist_date ... 
- MySQL--InnoDB 启动、关闭与恢复
			在关闭时,参数 innodb_fast_shutdown 影响着表的存储引擎为 InnoDB 的行为.该参数可取值为 0.1.2,默认值为 1. 0:表示在 MySQL 数据库关闭时,InnoDB 需 ... 
- MyBatis+SpringMVC 框架搭建小结
			前言:最近再写一款视频播放器的后台,踩了很多坑,在此总结. 设计顺序: 前提:搭建配置完好的Spring-MyBatis项目 1.流程分析,数据库设计(看似无用,真正做起来真的需要这个东西帮忙整理下思 ... 
- 用数组来实现Stack
			1:Stack特点 stack:栈,是一种特殊的数据结构,有着先入后出的特点(first in last out).stack中栈底始终不变,只有一端能变化.栈顶在有数据push的时候增大,有数据po ... 
- LeetCode——456.132模式
			给定一个整数序列:a1, a2, ..., an,一个132模式的子序列 ai, aj, ak 被定义为:当 i < j < k 时,ai < ak < aj.设计一个算法,当 ... 
- 吴裕雄--天生自然Linux操作系统:Linux 文件基本属性
			Linux系统是一种典型的多用户系统,不同的用户处于不同的地位,拥有不同的权限.为了保护系统的安全性,Linux系统对不同的用户访问同一文件(包括目录文件)的权限做了不同的规定. 在Linux中我们可 ... 
- UML-类图-构造型应用场景是什么?
			1.什么是构造型? 抽象出来的标准的模型元素. 2.有哪些? 1.预定义的,如:<<destory>> 2.自定义的 3.自定义 
- day62-html-标签
			前端 blog链接:http://www.cnblogs.com/liwenzhou/p/7988087.html 1.前端都有哪些内容? HTML CSS JavaScript jQuery Boo ... 
