【问题标题】:how to add file size validation如何添加文件大小验证
【发布时间】:2020-05-08 03:23:25
【问题描述】:

添加文件大小验证。

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

<!DOCTYPE html>
<html lang="id">  
<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]

【问题讨论】:

标签: javascript php laravel validation


【解决方案1】:

这篇文章有你需要知道的关于如何使用 JS 验证文件大小的一切。

Validation of file size while uploading using JavaScript / jQuery

【讨论】:

  • 你能实现吗?
  • @yooyo 那将是你的责任。本网站不是代码编写服务。
【解决方案2】:

您可以使用 FILE API 来实现(检查浏览器支持)。

files[0].size 以字节为单位返回文件的大小。

var filesize = oInput.files[0].size

【讨论】:

    猜你喜欢
    • 1970-01-01
    • 2013-12-17
    • 1970-01-01
    • 2016-09-22
    • 2017-08-20
    • 2020-05-23
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    相关资源
    最近更新 更多