教程集 www.jiaochengji.com
教程集 >  脚本编程  >  javascript  >  正文 js判断上传文件大小实例

js判断上传文件大小实例

发布时间:2015-04-26   编辑:jiaochengji.com
分享二个判断上传文件大小的js实例代码,一种是使用IE控件,另一种是使用Image对象的属性判断文件大小,两种方法都可以检测上传文件大小,大家可以参考下。

方法一,利用IE控件判断上传文件的大小。
 

复制代码 代码示例:
<html>
<input type="file" name="file1" onchange="ShowSize(this.value)">
<script language="JavaScript">
<!--
function ShowSize(files)
{
var fso,f;
fso=new ActiveXObject("Scripting.FileSystemObject");
f=fso.GetFile(files);
if(f.size>1024*4){
alert(f.size+" Bytes");
}
}
//-->
</script>
</html>

方法二,利用IE下,Image对象的属性,例如:fileCreatedDate、fileModifiedDate、fileSize、fileUpdatedDate、filters,判断上传文件的大小。
限制:
 

复制代码 代码示例:

<input type="text" size="4" value="10" name="fileSizeLimit" id="fileSizeLimit"/> K
<input type="file" name="file1" id="file1" size="40" onchange="changeSrc(this)"/>
<img src="about:blank" id="fileChecker" alt="test" height="18"/>

<script type="text/javascript">
var oFileChecker = document.getElementById("fileChecker");
function changeSrc(filePicker)
{
    oFileChecker.src = filePicker.value;
}

oFileChecker.onreadystatechange = function ()
{
     if (oFileChecker.readyState == "complete")
     {
        checkSize();
     }
}

function checkSize()
{
     var limit = document.getElementById("fileSizeLimit").value * 1024;

     if (oFileChecker.fileSize > limit)
     {
        alert("too large");
     }
     else
     {
        alert("ok");
     }
}
</script>

您可能感兴趣的文章:
js客户端判断文件上传大小(示例)
js判断文件上传大小的方法
JS判断上传文件大小(支持IE与Firefox)
js判断上传文件大小实例
js 判断上传文件大小与格式
js判断文件类型与文件大小限制上传大小
常用js验证代码大全(Email、手机号码、身份证号码、文件类型等)
js 判断客户端能否上网多种方法
js判断上传文件类型与大小
js判断上传文件大小三种方法

关键词: js判断上传文件大小   
[关闭]
~ ~