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实现文章图片弹出放大效果
Apr 06 jQuery
JS jQuery使用正则表达式去空字符的简单实现代码
May 20 jQuery
jQuery.Ajax()的data参数类型详解
Jul 23 jQuery
基于jQuery的左滑出现删除按钮的示例
Aug 29 jQuery
jQuery中extend函数简单用法示例
Oct 11 jQuery
jQuery结合jQuery.cookie.js插件实现换肤功能示例
Oct 14 jQuery
jQuery实现table表格信息的展开和缩小功能示例
Jul 21 jQuery
jQuery实现的点击显示隐藏下拉菜单功能完整示例
May 17 jQuery
通过JQuery,JQueryUI和Jsplumb实现拖拽模块
Jun 18 jQuery
Jquery动态列功能完整实例
Aug 30 jQuery
jQuery 实现扁平式小清新导航
Jul 07 jQuery
jQuery实现可以扩展的日历
Dec 01 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文件操作的详细诠释
2013/06/21 PHP
javascript当中的代码嗅探扩展原生对象和原型(prototype)
2013/01/11 Javascript
JQuery筛选器全系列介绍
2013/08/27 Javascript
使用Jquery实现点击文字后变成文本框且可修改
2013/09/21 Javascript
原生JavaScript实现连连看游戏(附源码)
2013/11/05 Javascript
js中数组(Array)的排序(sort)注意事项说明
2014/01/24 Javascript
Nodejs学习笔记之测试驱动
2015/04/16 NodeJs
JavaScript中的Function函数
2015/08/27 Javascript
使用jQuery在移动页面上添加按钮和给按钮添加图标
2015/12/04 Javascript
Bootstrap每天必学之附加导航(Affix)插件
2016/04/25 Javascript
nodejs爬虫遇到的乱码问题汇总
2017/04/07 NodeJs
Vue侧滑菜单组件——DrawerLayout
2017/12/18 Javascript
vue实现图片加载完成前的loading组件方法
2018/02/05 Javascript
浅谈Webpack打包优化技巧
2018/06/12 Javascript
vue自定义一个v-model的实现代码
2018/06/21 Javascript
微信小程序在ios下Echarts图表不能滑动的问题解决
2019/07/10 Javascript
vue移动端弹起蒙层滑动禁止底部滑动操作
2020/07/22 Javascript
在Vue中获取自定义属性方法:data-id的实例
2020/09/09 Javascript
js实现贪吃蛇游戏(简易版)
2020/09/29 Javascript
[13:38]2015国际邀请赛中国战队出征仪式
2015/05/29 DOTA
使用python 获取进程pid号的方法
2014/03/10 Python
Python http接口自动化测试框架实现方法示例
2018/12/06 Python
python分数表示方式和写法
2019/06/26 Python
使用Python制作表情包实现换脸功能
2019/07/19 Python
Python文件操作模拟用户登陆代码实例
2020/06/09 Python
css3一个简易的 LED 数字时钟实现方法
2020/01/15 HTML / CSS
数据库基础的一些面试题
2012/02/25 面试题
学生自我鉴定范文
2013/10/04 职场文书
医学院学生求职简历的自我评价
2013/10/24 职场文书
公司踏青活动方案
2014/08/16 职场文书
我为党旗添光彩演讲稿
2014/09/10 职场文书
旷课检讨书500字
2014/10/14 职场文书
预备党员2014年第四季度思想汇报范文
2014/10/25 职场文书
初中家长评语大全
2014/12/26 职场文书
gateway与spring-boot-starter-web冲突问题的解决
2021/07/16 Java/Android
低门槛开发iOS、Android、小程序应用的前端框架详解
2021/10/16 Javascript