文件上传前检测大小(JS)

xmlife

于 2013-04-20 10:17:20 发布

阅读量606

点赞数

分类专栏： web

web 专栏收录该内容

101 篇文章

订阅专栏

本文介绍了一个简单的网页应用，该应用允许用户上传文件并预览其内容。同时，该应用还具备检查文件大小的功能，确保上传文件不超过指定的大小限制。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

Code:

<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=zbc/aa/b3.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>