`
zhouchaofei2010
  • 浏览: 1103058 次
  • 性别: Icon_minigender_1
  • 来自: 上海
社区版块
存档分类
最新评论

(转)JS判断文件大小

    博客分类:
  • js
 
阅读更多

第一种是应用ActiveX控件的实现,例如:

Javascript代码
<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... , 代码如下:


Javascript代码
<script type="text/javascript">   
function getFileSize(filePath)   
{   
   var image=new Image();   
   image.dynsrc=filePath;   
   alert(image.fileSize);   
}   
</script>   

html代码
<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>

 

<html>
<head>
	<script type="text/javascript">    
	function getFileSize(filePath)    
	{    
	   var image=new Image();    
	   image.dynsrc=filePath;    
	   alert(image.fileSize);    
	}    
	</script>    
</head>

<body>    
<INPUT TYPE="file" NAME="file" SIZE="30" onchange="getFileSize(this.value)">    
</body>  
</html>

 

 

 

http://www.alixixi.com/web/a/2009081857577.shtml

分享到:
评论

相关推荐

    js判断文件大小,js判断文件大小

    项目组经常会用到文件上传,但是如果在服务器端判断文件大小,那文件已经传到服务器了那也就没有任何意义了,而且打文件会造成服务器和网络的压力。 今天这个方法可以在前端就判断文件大小,否则就不上上传,支持...

    js判断上传文件大小

    js判断上传文件大小 兼容大部分主流浏览器

    javascript判断文件大小

    一个高手写的js判断文件大小,asp.net开发中挺实用的,分享给大家,喜欢的就下载吧 (this)"/&gt; 即可~

    JS判断上传文件的大小类型等限制

    以下代码展示了如何使用JavaScript来检查文件大小: ```javascript function getFileSize(filename) { // 检查文件名是否为空 if (filename === '') { alert("请选择文件!"); return false; } try { var ...

    js判断上传文件的大小(兼容火狐、谷歌、IE、360浏览器)

    // 判断文件大小是否超过5MB if ((fileSize / (1024 * 1024)) &gt; 5) { alert("文件大小不能超过5MB"); // 清空输入框 $("#" + target.id).val(""); return false; } } ``` #### 四、关键点解析 1. **检测...

    js 判断文件时候为空

    然而,需要注意的是,这种方式并不能确保100%的准确性,因为某些文件格式可能会保存元数据或空格,即使内容为空,文件大小也可能不是0。例如,一个空的.txt文件可能会有1或2字节的元数据。在这种情况下,你可能需要...

    通过ajax判断文件大小

    总结起来,通过Ajax判断文件大小是利用JavaScript的FileReader API和Ajax技术实现的,可以提供无缝的用户体验,同时避免了不必要的服务器压力。如果在特定服务器环境下遇到问题,如IIS,需要进一步分析和调整服务器...

    上传文件大小的限制和判断javascript

    判断文件大小是否超出限制 `getFileSize`函数中,首先检查文件名是否为空,如果为空则提示用户选择文件。然后,尝试获取文件对象并计算其大小(以KB为单位)。接下来,与预先设定的文件大小限制(`flength`)进行...

    js判断上传文件大小,支持多种浏览器

    由于项目需要,在网上找了一个JS判断上传文件大小的程序,经测试兼容IE6-9,Firefox10,Opera11.6,safari5.1,chrome17

    JavaScript判断上传文件大小的限制脚本

    三、文件大小限制的JavaScript实现 1. 获取文件大小 当用户选择文件后,`&lt;input type="file"&gt;`标签的`change`事件会被触发。我们可以在这个事件中获取到选中的文件,并通过`FileList`对象的`item`方法获取到`File`...

    struts2上传文件,JavaScript判断文件大小

    `file.js`和`FileUploadField.js`可能是实现文件上传功能的JavaScript脚本文件,它们可能包含了对文件选择事件的监听、文件大小检查以及上传前的其他验证。具体实现需要查看这些文件的内容来了解。 总之,Struts2的...

    php文件上传大小客户端判断

    Plupload内置了客户端文件大小检查的功能,可以轻松实现上述的客户端文件大小判断。使用Plupload,开发者可以自定义设置上传参数,如文件大小限制,并且能够优雅地处理各种浏览器的兼容性问题。 总的来说,客户端...

    js获取文件大小

    需求:客户端上传文件时,想先判断下文件的大小,如果超过一定大小,就直接拒绝上传请求 实现原理:根据不同浏览器的差异,在firefox和chrome中obj_file.files[0].size 获取文件打下,在ie6,ie7, ie8 中通过img的...

    nodejs实现遍历文件夹并统计文件大小

    通过这个实例,我们可以了解到如何利用Node.js对文件系统进行高效地遍历和处理,并且理解到了文件大小数据对于前端优化的重要性。 对于前端开发而言,图片等静态资源通常是影响页面加载速度的主要因素之一。因此,...

    ExtJS4 上传文件类型和大小的判断方法(实例)

    对应的描述看本人博文《ExtJS4 上传文件类型和大小的判断方法(实例) 》:http://blog.csdn.net/biboheart/article/details/10579175 在这里不具体描述了。看题也大概可以知道这些代码实现了什么应用。

    js控制上传文件的大小

    接着,我们设置了最大允许的文件大小(10MB),并通过比较文件的实际大小与最大允许大小来判断文件是否符合要求。如果不符合要求,会弹出警告并返回`false`;如果符合要求,则返回`true`。此外,还添加了一个事件...

    JS 判断上传 文件 大小.rar

    在JavaScript中,对上传文件大小进行判断是网页交互中常见的一种功能,特别是在处理用户上传文件时,为了防止服务器被大文件占用过多资源或确保文件上传符合网站规定,我们需要在前端进行预判。以下是对这个主题的...

    客户端js判断文件类型和文件大小即限制上传大小

    然后,通过比较用户选择文件的路径(`filepath`)的后缀名(`fileend`)与`filetypes`数组中的元素,判断文件类型是否被允许。如果找到匹配的类型,则`isnext`设置为`true`,否则弹出警告提示并清空输入框。 2. **...

    javascript实现限制上传文件大小

    本篇介绍一个前端JS便捷判断上传文件大小的方法。 这个是比较好的 &lt;html&gt; &lt;head&gt; &lt;meta http-equiv="Content-Type" content="text/html; charset=utf-8"/&gt; [removed] var isIE = /msie/i.test...

Global site tag (gtag.js) - Google Analytics