使用 jQuery 验证上传中的文件大小答案

【问题标题】：Validating file size in upload using jQuery使用 jQuery 验证上传中的文件大小
【发布时间】：2018-06-02 22:16:36
【问题描述】：

我正在尝试在我的 ASP.NET 应用程序中的文件上传控件中验证文件大小，甚至在单击提交按钮之前。

我的最大值。大小为 20kB。
当我点击按钮时 - 即使文件小于最大大小 - 它仍然会向我显示消息

文件大小应小于 20kb

你在下面找到对应的代码：

 <script type="text/javascript">
        $(document).ready(function () {
        $('#AdmissionUpload').on('change', function() {
            // Maximum file size allowed
            var maxFileSize = 20 // 20kb
            // Load the file upload controller to a variable
            var fileUpload = $('#AdmissionUpload');
            //Check if the file upload controller has value
            if (fileUpload.val() == '') {
                return false;
            } else {
                //Check if the file size is less than maximum file size
                if (fileUpload[0].files[0].size < maxFileSize) {
                    return true;
                } else {
                    alert('File size should be less than 20kb')
                    fileUpload.val('');
                    return false;
                }
            }
        });
        })

    </script>

【问题讨论】：

这个问题其实和asp.net没有关系。

标签： jquery html jquery-file-upload

【解决方案1】：

这行代码将以字节为单位返回文件大小

fileUpload[0].files[0].size

您将它与 20 进行比较，假设它小于 20KB。所以你需要调整类似的代码

(fileUpload[0].files[0].size / 1024) < maxFileSize

【讨论】：

【解决方案2】：

改变

            if (fileUpload[0].files[0].size < maxFileSize) {
                return true;
            } else {
                alert('File size should be less than 20kb')
                fileUpload.val('');
                return false;
            }

收件人

       var size = parseFloat(fileUpload[0].files[0].size / 1024).toFixed(2);
                //Check if the file size is less than maximum file size
                if (size < maxFileSize) {
                    return true;
                } else {
                    alert('File size should be less than 20kb')
                    fileUpload.val('');
                    return false;
                }

【讨论】：