JS 获取上传文件大小的方法

最新推荐文章于 2023-10-29 10:08:39 发布

转载最新推荐文章于 2023-10-29 10:08:39 发布 · 2.1w 阅读

文章标签：

#function #file #input #image #ie

JavaScript 专栏收录该内容

18 篇文章

订阅专栏

本文介绍了两种方法用于获取文件大小，并实现文件大小限制。第一种方法使用了ActiveXObject，但在IE8中需要允许运行。第二种方法在IE6下可行，但IE8下会出现错误。同时，提供了一个输入文件大小限制的示例。

部署运行你感兴趣的模型镜像

第一种方法
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 image = new Image();   
    image.dynsrc = filePath;   
    alert(image.fileSize);   
}   
</script>   
<body>   
<INPUT TYPE="file" NAME="file" SIZE="30" onchange="getFileSize(this.value)">   
</body>

第一种方法会报“Automation” 的错误。在IE8下载需要允许运行。

第二种方法在IE6下面可以，在IE8下面会报"无法设置dynsrc属性.拒绝访问.“错误，如果用大写的DYNSRC，就不会报错，但是后面的fileSize就不能用了。

相关文章：http://www.csharpwin.com/dotnetspace/12652r1167.shtml

原文地址：http://hi.baidu.com/_feiying/blog/item/dac89227fc52a008908f9d0e.html/cmtid/78efc59bb20d36bbc8eaf445

限制：<input type="text" size="4" value="10" name="fileSizeLimit" id="fileSizeLimit"/> K
<input type="file" name="file1" id="file1" size="40" onchange="changeSrc(this)"/>
<br>
<img src=http://blog.xunuo.com/blog/images/icons/23.gif id="fileChecker" alt="test"/>

<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>

上面方法有其可取之处

相关文章：http://www.csharpwin.com/dotnetspace/12652r1167.shtml

您可能感兴趣的与本文相关的镜像