jquery检测上传文件大小示例


Posted in jQuery onApril 26, 2020

本文实例讲述了jquery检测上传文件大小。分享给大家供大家参考,具体如下:

google了很久,基本上都是用 activeX 来实现~至于为什么不行,这个不多说,说一下以下方法:

已经测试通过的浏览器:IE6+,firefox,chrome,其中 firefox 和 chrome 要能支持 HTML5。

<html>
<head>
  <meta http-equiv="Content-Type" content="text/html; charset=big5">
  <title>上传</title>
</head>
<body>
  <form action="XXXXXX" method="POST" name="FileForm" enctype="multipart/form-data">
  <div align="center">
    图片:
    <input type="file" name="file1" size="20" id="file1" />
    <input type="button" onclick="checkFile()" /></div>
  </form>
</body>
</html>
<script src="http://code.jquery.com/jquery-1.4.2.min.js" type="text/javascript"></script>

<script language="JavaScript" type="text/javascript">
  var fileSize = 0; //文件大小
  var SizeLimit = 1024; //上传上限,单位:byte

  function checkFile() {
    var f = document.getElementById("file1");
    //FOR IE
    if ($.browser.msie) {
      var img = new Image();
      img.onload = checkSize;
      img.src = f.value;
    }
    //FOR Firefox,Chrome
    else {
      fileSize = f.files.item(0).size;
      checkSize();
    }
  }

  //检查文件大小
  function checkSize() {
    //FOR IE FIX
    if ($.browser.msie) {
      fileSize = this.fileSize;
    }

    if (fileSize > SizeLimit) {
      alert('文件超过大小');
    } else {
      document.FileForm.submit();
    }
  }
</script>

希望本文所述对大家jQuery程序设计有所帮助。

jQuery 相关文章推荐
使用jQuery ajaxupload插件实现无刷新上传文件
Apr 23 jQuery
jQuery实现在HTML文档加载完毕后自动执行某个事件的方法
May 08 jQuery
jQuery查找和过滤_动力节点节点Java学院整理
Jul 04 jQuery
jQuery取得元素标签名称小结(附代码)
Aug 16 jQuery
jquery+css实现下拉列表功能
Sep 03 jQuery
bootstrap可编辑下拉框jquery.editable-select
Oct 12 jQuery
jquery实现侧边栏左右伸缩效果的示例
Dec 19 jQuery
JQuery选中select组件被选中的值方法
Mar 08 jQuery
jquery的 filter()方法使用教程
Mar 22 jQuery
jQuery实现的点击按钮改变样式功能示例
Jul 21 jQuery
jquery 遍历hash操作示例【基于ajax交互】
Oct 12 jQuery
jQuery 动态粒子效果示例代码
Jul 07 jQuery
jquery实现轮播图特效
Apr 12 #jQuery
用jQuery实现抽奖程序
Apr 12 #jQuery
jquery实现两个div中的元素相互拖动的方法分析
Apr 05 #jQuery
jQuery 图片查看器插件 Viewer.js用法简单示例
Apr 04 #jQuery
jQuery实现鼠标放置名字上显示详细内容气泡提示框效果的方法分析
Apr 04 #jQuery
viewer.js一个强大的基于jQuery的图像查看插件(支持旋转、缩放)
Apr 01 #jQuery
js、jquery实现列表模糊搜索功能过程解析
Mar 27 #jQuery
You might like
php不允许用户提交空表单(php空值判断)
2013/11/12 PHP
递归实现php数组转xml的代码分享
2015/05/14 PHP
在Mac OS上搭建PHP的Yii框架及相关测试环境
2016/02/14 PHP
jscript之List Excel Color Values
2007/06/13 Javascript
JQuery 学习笔记 选择器之二
2009/07/23 Javascript
JS 获取span标签中的值的代码 支持ie与firefox
2009/08/24 Javascript
jquery UI 1.72 之datepicker
2009/12/29 Javascript
javascript json2 使用方法
2010/03/16 Javascript
JavaScript 操作table,可以新增行和列并且隔一行换背景色代码分享
2013/07/05 Javascript
三种动态加载js的jquery实例代码另附去除js方法
2014/04/30 Javascript
javascript中定义类的方法汇总
2014/12/28 Javascript
JavaScript基本数据类型及值类型和引用类型
2015/08/25 Javascript
Javascript实现苹果悬浮虚拟按钮
2016/04/10 Javascript
jquery.cookie.js实现用户登录保存密码功能的方法
2016/04/15 Javascript
bootstrapvalidator之API学习教程
2017/06/29 Javascript
Vue的百度地图插件尝试使用
2017/09/06 Javascript
vue权限管理系统的实现代码
2019/01/17 Javascript
JavaScript鼠标悬停事件用法解析
2020/05/15 Javascript
[36:52]DOTA2真视界:基辅特锦赛总决赛
2017/05/21 DOTA
[45:06]完美世界DOTA2联赛PWL S2 Magma vs InkIce 第二场 11.28
2020/12/02 DOTA
零基础写python爬虫之HTTP异常处理
2014/11/05 Python
Python中使用md5sum检查目录中相同文件代码分享
2015/02/02 Python
PyQt5每天必学之QSplitter实现窗口分隔
2018/04/19 Python
DataFrame:通过SparkSql将scala类转为DataFrame的方法
2019/01/29 Python
Python数据类型之String字符串实例详解
2019/05/08 Python
详细介绍Python进度条tqdm的使用
2019/07/31 Python
Python实现微信好友的数据分析
2019/12/16 Python
英国音乐设备和乐器商店:Gear4music
2017/10/16 全球购物
保加利亚手表、香水、化妆品和珠宝购物网站:Brasty.bg
2020/04/22 全球购物
某公司部分笔试题
2013/11/05 面试题
优秀的茶餐厅创业计划书
2014/01/03 职场文书
文明青少年标兵事迹材料
2014/01/28 职场文书
出纳担保书范文
2014/04/02 职场文书
奥巴马英文演讲稿
2014/05/15 职场文书
大学生党员批评与自我批评范文
2014/10/14 职场文书
感恩教师节主题班会
2015/08/12 职场文书