js判断上传文件大小实例

发布时间:2020-10-04编辑:脚本学堂
分享二个判断上传文件大小的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>