对于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>
这种方法可以实现,也容易被开发人员想到,但是唯一不足之处是有安全提示,当然把文件名改为.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>
经测试,得到文件大小,并未出现安全提示,
推荐,没的说
分享到:
相关推荐
PHP, MySQL & JavaScript All-in-One For Dummies 英文epub 本资源转载自网络,如有侵权,请联系上传者或csdn删除 查看此书详细信息请在美国亚马逊官网搜索此书
在前端,JavaScript可以用来做初步的文件大小验证,避免用户上传过大的文件导致服务器端处理压力过大或者服务器资源浪费。 在JavaScript中,我们可以使用`HTML5`的File API来获取文件的信息,例如文件名、类型和...
【描述】描述中的重复内容"图片大小变换.rar"可能是指该压缩包包含了一个关于图片大小变换的示例项目或者教程,可能是通过HTML文件来展示这个效果。rar文件是常见的压缩格式,通常用于存储多个相关文件。 【标签】...
Algorithm-javascript-datastructures-algorithms.zip,用于教育目的的javascript和typescript数据结构和算法的集合。javascript算法和数据结构手册的源代码包,算法是为计算机程序高效、彻底地完成任务而创建的一组...
javascript经典特效---扫雷程序.rar javascript经典特效---扫雷程序.rar javascript经典特效---扫雷程序.rar
javascript实例应用---鼠标键盘类.rarjavascript实例应用---鼠标键盘类.rarjavascript实例应用---鼠标键盘类.rarjavascript实例应用---鼠标键盘类.rar
javascript实例应用---密码校验类.rarjavascript实例应用---密码校验类.rarjavascript实例应用---密码校验类.rarjavascript实例应用---密码校验类.rar
廖雪峰JavaScript教程 pdf版 高清带书签 所有资源都是经过实地查看,并会时不时使用的,基本都会带书签,没书签的我也会自己挨着加上书签。资源包括linux、c++、qt、嵌入式、web等
javascript 实现限制上传文件大小
javascript面向对象编程--传智播客--蔡世友
JavaScript是一种广泛应用于网页和互联网应用的编程语言,尤其在实现动态交互效果方面有着显著的作用。在本案例中,"javascript经典特效---漫天飞雪.rar" 提供了一个使用JavaScript实现的网页特效,即“漫天飞雪”...
javascript实例应用---Ajax与XMLHttpRequest.rarjavascript实例应用---Ajax与XMLHttpRequest.rarjavascript实例应用---Ajax与XMLHttpRequest.rar
javascript实例应用---系统检测类.rarjavascript实例应用---系统检测类.rarjavascript实例应用---系统检测类.rarjavascript实例应用---系统检测类.rar
javascript实例应用---连接数据库实例.rarjavascript实例应用---连接数据库实例.rarjavascript实例应用---连接数据库实例.rarjavascript实例应用---连接数据库实例.rar
javascript实例应用---在线测试类.rarjavascript实例应用---在线测试类.rarjavascript实例应用---在线测试类.rarjavascript实例应用---在线测试类.rar
javascript实例应用---图片特效类.rarjavascript实例应用---图片特效类.rarjavascript实例应用---图片特效类.rarjavascript实例应用---图片特效类.rar
javascript实例应用---计数转换类.rarjavascript实例应用---计数转换类.rarjavascript实例应用---计数转换类.rarjavascript实例应用---计数转换类.rar
【标题】"javascript经典特效---变换的导航图片"主要涉及的是使用JavaScript技术来实现网页中导航图片的动态变换效果,这种效果通常用于提升网站的用户体验,吸引用户注意力,引导用户浏览不同的页面或服务。...
本项目为基于JavaScript的d2w-fill手动填报系统设计源码,涵盖743个文件,其中SVG文件697个,Java源文件19个,CSS样式文件4个,JavaScript脚本文件4个,PNG图片文件3个,JSON数据文件3个,XML配置文件2个,Git忽略...