html - 文件上传成功打开新的空白页面，也允许“空/空白”上传

Question

以下代码正在运行，但有两个问题：它是它出现的网页上较大形式的一部分。

<FORM id="my_file_upld_form"
 style="display: inline;"
 METHOD="POST"
 ACTION="/cgi-bin/fileupload_ajax.pl"
    ENCTYPE="multipart/form-data">
    <INPUT TYPE="file" class="ajaxfileupload" NAME="myfile" SIZE="42">
    <input type="hidden" class="ajaxfileupload" name="fileupload" value="ajax_fileupload">
    <input class="ajaxfileupload" type="submit" value="Upload"/>
</FORM>

1. 它允许“空白”或空（没有文件选择和点击上传按钮）上传。这导致服务器上出现 500 错误。
2. 更大的问题是：文件上传后，在浏览器中打开一个新的空白页面，用户必须使用后退按钮返回运行该页面的页面。无论 ajax 脚本是否返回任何内容，都会发生这种情况。

怎么修？如果需要，我愿意替换页面上的这段代码。

Answer 1

如果没有您的 java 脚本代码，就很难准确判断出了什么问题。但是我想我知道如何解决你的一些问题。

1. 不要相信您需要在后端代码中处理的客户端能够处理为您提供不良数据的表单。您可以验证表单客户端，但也始终需要验证服务器端。

2. 我怀疑这个问题正在发生，因为您没有阻止 javascript 中的默认事件。在 jquery 你会做

   $("#my_file_upld_form").submit(function(e){
              e.preventDefault()
   })