Question

我有一个简单的文件上传联系表格。我收到了以下警告，但我想为用户发出一条错误消息，指出此文件大于限制。是的我知道我可以禁用“警告：POST Content-Length ...”消息，如果我关闭error_reporting，但我会警告用户。当我填写联系表单并尝试上传更大的文件时，出现了另一个问题，我按下提交，所有填写的文件都将为空。是获取错误消息并且不丢失填充字段的任何方式吗？

Answer 1

您可以先在Javascript中执行此操作，以便即使在文件可以访问服务器之前，Javascript也会提醒/通知用户文件大小超过最大允许大小。下面是一个示例，您可以先测试并先摆弄here。

    <html>
    <head></head>
    <body>
    <input type="file" id="file_upload_1" name='file_upload_1' class="file_upload"/>
    <!-- AND THEN, OTHER INPUT FORM FIELDS FOLLOW -->

    <script type="text/javascript" src="jquery.js"></script>
    <script type="text/javascript">
        (function($) {
            $(document).ready(function(){
                var fileInput       = $("#file_upload_1");
                var MaxAllowedSize  = 2000; // 2KB
                var sizeKMGB        = "2KB";

                fileInput.on("change", function(evt){
                    var objFile     = $(this);
                    var fileSize    = document.getElementById("file_upload_1").files[0].size;
                    console.log(fileSize);
                    if(fileSize > MaxAllowedSize){
                        // RESET THE UPLOAD TO NOTHING... SO USER CAN UPLOAD AGAIN...
                        var fSize   =  parseFloat(fileSize/1000).toFixed(2);
                        var sUnit   = fSize + "KB";
                        if(fSize >= 100){
                            fSize   = parseFloat( fileSize/(1000*1000)).toFixed(2);
                            sUnit   = fSize + "MB";
                        }
                        objFile.val(null);
                        alert("Upload File-size Must not exceed " + sizeKMGB + ". \nYou tried to upload a File with about " + sUnit + ".")
                    }
                });
            });
        })(jQuery);
    </script>

    </body>
    </html>

Answer 2

我所做的是构建一个ajax脚本来检查最大文件大小。因此，我们可以在上传大文件之前警告用户。比上传失败更好的体验。

首先，javascript（该示例使用jQuery，但这绝不必要）：

var max_size = // Insert ajax code to fetch max size *in bytes* from server here. $('form input[type="file"]').each(function() { if ((typeof this.files != 'undefined') && this.files.length) { total_size += this.files[0].size; } }); if (max_size < total_size) { var warning = 'Maximum file size is ' + max_size + ' bytes'; return; }

在服务器端，最大上传大小由这三个值的最小决定：

function max_size() { return Size::smallest( Size::str_to_bytes(ini_get('post_max_size')), Size::str_to_bytes(ini_get('memory_limit')), Size::str_to_bytes(ini_get('upload_max_filesize')) ); }

编写str_to_bytes和smallest函数留给读者练习。

PHP警告：POST Content-Length超出限制

2 个答案: