JS獲取上傳檔案大小2(html)
阿新 • • 發佈:2019-02-18
<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" onchange="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>