javascript实现限制上传文件的大小

目录

  1. 基本思路
  2. 示例

[一]、基本思路

在FireFox、Chrome浏览器中可以根据document.getElementById(“id_file”).files[0].size 获取上传文件的大小(字节数),而IE浏览器中不支持该属性,只能借助<img>标签的dynsrc属性,来间接实现获取文件的大小(但需要同意ActiveX控件的运行)。

[二]、示例

测试代码:filesize-check.html

测试上传的文件大小:

各浏览器中的效果如下:

IE8:

FF(11.0):

Chrome(19.0.1084.56 m):

—————–

原创文章,转载请注明: 转载自micmiu – 软件开发+生活点滴[ http://www.micmiu.com/ ]

本文链接地址: http://www.micmiu.com/lang/javascript/js-check-filesize/

发表评论?

6 条评论。

  1. 直接打开html没问题,但是发布到服务上就是拒绝访问

  2. 我IE8下面彈出警告提示框:“TypeError:無法設定dynsrc內容。存取被拒。請教請教!”

  3. 真正好用的js验证上传文件大小(转) | 南龙的小站 - pingback on 2012 年 7 月 14 日 在 上午 2:15
  4. 😀 不错 dynsrc这个属性真牛B 没想到

发表评论


注意 - 你可以用以下 HTML tags and attributes:
<a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code class="" title="" data-url=""> <del datetime=""> <em> <i> <q cite=""> <s> <strike> <strong> <pre class="" title="" data-url=""> <span class="" title="" data-url="">

Trackbacks and Pingbacks: