php - 当用户反复尝试上传无效文件类型时网站崩溃

Question

我正在尝试理解一个错误...

我有一个允许用户上传 CSV 的网络应用程序。如果文件类型不是 CSV，则什么也不会发生，页面只会显示“无效文件类型”。

如果用户尝试上传无效的文件类型并反复点击触发处理上传的 PHP 文件的按钮，PHP 文件最终会变得无响应并且站点崩溃并出现以下错误:

"tcp_error: The Web Server may be down, too busy, or experiencing other problems preventing it from responding to requests. You may wish to try again at a later time"

我认为这与它是一个持久的 HTTP 连接并且它被请求淹没的事实有关吗？

我想知道这个问题的确切来源以及在用户反复尝试上传无效文件类型时避免崩溃的最佳修复方法。

HTML 摘录:

<script type="text/javascript">
        function stopUpload(success){
              console.log(success);
              var csv1 = success['csv1'];
              var csv2 = success['csv2'];
              var csv3 = success['csv3'];
              var csv4 = success['csv4'];
              var csvError = success['error'];
              var id = success['id'];
              $('.js-wf-error').text(csvError);
              if (!csvError) {
                runWF(id, csv1, csv2, csv3, csv4);
              }
        }
</script>

<iframe id="upload_target" name="upload_target" src="#" style="width:0;height:0;border:0px solid

<form id="wf-form" class="js-wf-form" method="post" action="wf/csv-upload.php" enctype="multipart/form-data" target="upload_target">
    <input type="file" name="csv1" value="" class="text ui-widget-content ui-corner-all csv-upload" />
    <input type="file" name="csv2" value="" class="text ui-widget-content ui-corner-all csv-upload" />
    <input type="file" name="csv3" value="" class="text ui-widget-content ui-corner-all csv-upload" />
    <input type="file" name="csv4" value="" class="text ui-widget-content ui-corner-all csv-upload" />
  <a  href="#" onclick="$(this).closest('form').submit(); return false;" type="submit"class="button redButton largeButton run-wf-button">Run Walking Farm</a>
</form>

csv-upload.php

(...upload handling...)
?>
<script language="javascript" type="text/javascript">
    window.top.window.stopUpload(<?php print json_encode($returnData); ?>);
</script>  

Answer 1

试一试。它可能有效但不能保证:通过 html 表单上传文件时，可能需要几秒钟才能成功上传表单并显示响应页面 (PHP)。人们可能会不耐烦并多次单击“上传”按钮，这可能会导致重复的表单提交或上传。通常这确实是一个问题，您可能希望防止这种情况发生。您可以使用 javascript 来处理它，如下所示:第一步是给你的提交按钮一个唯一的 id，例如 id="myButton":

<input type="submit" value="Submit" id="myButton" />

第二步(也是最后一步)是向标签提供两个 Javascript 命令。第一个将告诉浏览器在提交表单后禁用提交按钮，第二个将更改按钮文本以使用户了解正在发生的事情。这是添加到您的表单标签的代码:

onsubmit="document.getElementById('myButton').disabled=true;

document.getElementById('myButton').value='Uploading to  server, please wait...';"

你的表单标签看起来像这样:

<form action="wf/cs-vupload.php" method="post"
onsubmit="document.getElementById('myButton').disabled=true;
document.getElementById('myButton').value='Uploading to  server,please wait...';"

>

就是这样。这个技巧应该适用于大多数现代浏览器(IE 5+、FireFox、Opera 等)。

还有一种使用 cookie 的方法，这些快速修复将防止提交多个表单。试试这个链接:http://myphpform.com/prevent-multiple-form-submissions.php

是吗，我错过了什么。很高兴知道这是不是真的。