对于web开发人员来说文件上传文件是经常遇到的，判断文件大小也是不可缺少，在这里主要介绍一下javascript判断文件大小的几种常见的方法。
第一种是应用ActiveX控件的实现，例如：
<script type="text/javascript">
function getFileSize(filePath)
{
var fso = new ActiveXObject("Scripting.FileSystemObject");
alert("文件大小为："+fso.GetFile(filePath).size);
}
</script>
<body>
<INPUT TYPE="file" NAME="file" SIZE="30" onchange="getFileSize(this.value);">
</body>
<script type="text/javascript">
function getFileSize(filePath)
{
var fso = new ActiveXObject("Scripting.FileSystemObject");
alert("文件大小为："+fso.GetFile(filePath).size);
}
</script>
<body>
<INPUT TYPE="file" NAME="file" SIZE="30" onchange="getFileSize(this.value);">
</body>
这种方法可以实现，也容易被开发人员想到，但是唯一不足之处是有安全提示，当然把文件名改为.hta则会屏蔽掉安全提示，但很难被需求所取。不推荐，也不多说
下面主要谈谈另一种方式，在html标签中有一个不为一般开发人员“深”知的img标签，先来说下他有的属性：src，dynsrc，start，alt，controls，loop，loopdelay，hspace，vspace....还有一些常用的属性就不列出来了，在这里我们说一下"dynsrc"这个属性：dynsrc可以用来插入各种多媒体，格式可以是Wav、Avi、AIFF、AU、MP3、Ra、Ram等等。url为音频或视频文件及其路径，可以是相对路径或绝对路径。
示例：<img dynsrc="xxxx.mp3">
这样我们就可以根据dynsrc动态赋值任何类型文件的路径，在javascript中根据Image对象本身的fileSize属性来得到文件的大小。当然Image对象还有其他的几个属性，例如：fileCreatedDate、fileModifiedDate、fileSize、fileUpdatedDate、filters... ， 代码如下：
<script type="text/javascript">
function getFileSize(filePath)
{
var image=new Image();
image.dynsrc=filePath;
alert(image.fileSize);
}
</script>
<body>
<INPUT TYPE="file" NAME="file" SIZE="30" onchange="getFileSize(this.value)">
</body>
<script type="text/javascript">
function getFileSize(filePath)
{
var image=new Image();
image.dynsrc=filePath;
alert(image.fileSize);
}
</script>
<body>
<INPUT TYPE="file" NAME="file" SIZE="30" onchange="getFileSize(this.value)">
</body>
经测试，得到文件大小，并未出现安全提示，推荐，没的说
分享到：
相关推荐
NULL 博文链接：https://jeyke.iteye.com/blog/841602
用JavaScript控制上传文件的大小限制!很不错的！
上传文件大小的限制和判断javascript
本篇介绍一个前端JS便捷判断上传文件大小的方法。 这个是比较好的 <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/> [removed] var isIE = /msie/i.test...
主要介绍了JS获取文件大小的方法,结合实例总结分析了JavaScript获取文件大小的常用技巧,并给出了判断文件格式与大小的完整实例供读者参考,需要的朋友可以参考下
对于web开发人员来说文件上传文件是经常遇到的，判断文件大小也是不可缺少，在这里主要介绍一下javascript判断文件大小的几种常见的方法。
不用IE控件（ActiveXObject）不用 Img属性 上传图片客户端判断大小，javascript获得上传图片的大小 兼容所有浏览器，亲测可用 判断文件大小，判断上传图片的大小，图片格式
js判断上传文件大小，支持多种浏览器，在做项目的时候用到的，一个用户上传一张图片30多M，然后程序就一直出错，在网上好不容易找到一个支持多种浏览器的js判断上传文件大小的方法，和大家分享下……
8、原生JavaScript判断是否为数字类型 9、原生JavaScript设置cookie值 10、原生JavaScript获取cookie值 11、原生JavaScript加入收藏夹 12、原生JavaScript设为首页 13、原生JavaScript判断IE6 14、原生JavaScript...
需求：客户端上传文件时，想先判断下文件的大小，如果超过一定大小，就直接拒绝上传请求 实现原理：根据不同浏览器的差异，在firefox和chrome中obj_file.files[0].size 获取文件打下，在ie6，ie7， ie8 中通过img的...
74、原生JavaScript判断字符串是为网址不区分大小写">1、原生JavaScript实现字符串长度截取 2、原生JavaScript获取域名主机 3、原生JavaScript清除空格 4、原生JavaScript替换全部 11、原生JavaScript加入收藏夹 15...
19.4 使用正则判断文件扩展名 19.5 多附件上传效果 19.6 上传控件内容清空 19.7 textarea显示记事本文件的内容 19.8 使用FSO读写文本文件 19.9 自动启动文件下载 19.10 创建Excel文件 19.11 JavaScript导出数据到...
Javascript ajax实现获取文件大小的方法。 顾名思义，通过JS和Ajax来获取上传文件的大小，在上传之前可以有个判断，对上传的文件有所控制，因为js控制文件大小（JS获取文件大小）有些问题，具体大家试下就知道了，在...
19.4 使用正则判断文件扩展名 19.5 多附件上传效果 19.6 上传控件内容清空 19.7 textarea显示记事本文件的内容 19.8 使用FSO读写文本文件 19.9 自动启动文件下载 19.10 创建Excel文件 19.11 JavaScript导出数据到...
dhtmlxVault是一个在WEB页面上实现文件上传进度控制的JavaScript库 新版本增加了对文件类型的选择以及控制文件上传的个数，同时可更好的和 dhtmlxSuite 进行集成；支持本地化，可更好的和各种服务器脚本结成，例如 ...
示例描述：窗口大小自动化管理。 8_1.htm 按指定要求打开的窗口。 8_2.htm 控制窗口的打开和关闭。 8_3.htm 从天而降的窗口。 8_4.htm 打开慢慢变大的窗口。 8_5.htm 打开一个四面变大的窗口。 8_6....
49.引用一个文件式的JS:<script type="text/javascript" src="aaa.js"> 50.指定在不支持脚本的浏览器显示的HTML:<noscript></noscript> 51.当超链和ONCLICK事件都有时,则老版本的浏览器转向a.html,否则转向b.html.例...
远程文件大小 获取远程文件的大小注意：remote-file-size 仅在 iojs 和 node v4+ 上受支持。 要与旧版本的节点一起使用，请使用remote-file-size@2 。安装$ npm install --save remote-file-size# or for the cli ...
示例描述：窗口大小自动化管理。 8_1.htm 按指定要求打开的窗口。 8_2.htm 控制窗口的打开和关闭。 8_3.htm 从天而降的窗口。 8_4.htm 打开慢慢变大的窗口。 8_5.htm 打开一个四面变大的窗口。 8_6....