Question

我正在创建一个网站，网站上有一种用户可以从中上传文件的表单，我不希望页面在提交时重新加载，并且我不希望它将用户重定向到任何地方，因为可能会出现一些错误或成功我想显示给用户的消息。我知道我可以使用preventDefault（）方法，但是对于我的文件结构，它不起作用。如何提交数据并上传文件，而无需重新加载页面或将其重定向到任何地方？ preventDefault（）方法可防止重新加载页面，但也可以防止php代码isset（$ _ POST ['submitBtn']）进行检查，以查看是否单击了表单的提交按钮，并将其评估为true，并且我无法使用.serialize()方法，因为它无法处理文件上传。

我的html：

<form method="post" enctype="multipart/form-data" id="form">
  <input type="file" id="uploadFile" name="input_file[]" multiple class="inputFile">
  <label for="uploadFile" class="right inputFileLabel">Upload photos</label>
  <input type="submit" class="centered submitBtn" name="submitBtn" value="Submit">
</form>

在我的html存在的同一文件中，有此php代码要求处理表单数据的文件

<?php @require_once "filename.php" ?>

“ filename.php”文件中包含处理数据的以下代码：

if (isset($_POST['submitBtn'])) {
  // Some data proccessing goes here
}

这是我的JavaScript

$("#form").submit(function (e) {
    // e.preventDefault();
});

如何防止上传文件表单重新加载网页？

0 个答案: