JS获取上传文件大小2（html）

最新推荐文章于 2022-06-16 08:57:45 发布

kookob

最新推荐文章于 2022-06-16 08:57:45 发布

阅读量5.2k

点赞数

分类专栏： JavaScript 文章标签： html function file

JavaScript 专栏收录该内容

18 篇文章 0 订阅

订阅专栏

<html>
<head>file size</head>

<body>

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


</body>

<script type="text/javascript">
var oFileChecker = document.getElementById("fileChecker");

function changeSrc(filePicker)
{
   oFileChecker.src = filePicker.value;
	alert(oFileChecker.fileSize);
}

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

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

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

</html>

kookob

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
JS获取上传文件大小2（html）

file size Kvar oFileChecker = document.getElementById("fileChecker");function changeSrc(filePicker){ oFileChecker.src = f
复制链接

扫一扫