如何添加文件大小验证

添加文件大小验证。


在使用 JavaScript 上传之前,你能帮我更新这个 javascript 以添加 2MB 的有效文件大小吗?


<!DOCTYPE html>

<html>  

<head>

<title></title>

<script>

var _validFileExtensions = ["pdf"];    

function ValidateSingleInput(oInput) {

    if (oInput.type == "file") {

        var sFileName = oInput.value;

         if (sFileName.length > 0) {

            var blnValid = false;

            for (var j = 0; j < _validFileExtensions.length; j++) {

                var sCurExtension = _validFileExtensions[j];

                if (sFileName.substr(sFileName.length - sCurExtension.length, sCurExtension.length).toLowerCase() == sCurExtension.toLowerCase()) {

                    blnValid = true;

                    break;

                }

            }

             

            if (!blnValid) {

                alert("Sorry, " + sFileName + " is invalid, allowed extensions are: " + _validFileExtensions.join(", "));

                oInput.value = "";

                return false;

            }

        }

    }

    return true;

}

</script>

</head>

<body>

File 1: <input type="file" name="file1" onchange="ValidateSingleInput(this);" /><br />

File 2: <input type="file" name="file2" onchange="ValidateSingleInput(this);" /><br />

File 3: <input type="file" name="file3" onchange="ValidateSingleInput(this);" /><br />

</body>

</html>


[![enter image description here][1]][1]


SMILET
浏览 119回答 2
2回答

幕布斯6054654

本文包含您需要了解的有关如何使用 JS 验证文件大小的所有信息。使用 JavaScript / jQuery 上传时验证文件大小

函数式编程

您可以使用 FILE API 来完成(检查浏览器支持)。files[0].size 返回文件的大小(以字节为单位)。var&nbsp;filesize&nbsp;=&nbsp;oInput.files[0].size
打开App,查看更多内容
随时随地看视频慕课网APP