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

最新推荐文章于 2021-08-06 18:08:11 发布

转载最新推荐文章于 2021-08-06 18:08:11 发布 · 620 阅读

web 专栏收录该内容

101 篇文章

订阅专栏

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

Code:

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