javascript - 如何在表单提交后防止页面重定向/刷新，同时保留文件输入？jQuery

Question

我有一个文件上传表单如下：

<form id="upload" action="someurl" method="post" enctype="multipart/form-data">
  <label for="file">Filename:</label>
  <input type="file" name="file" /> 
  <input type="submit" value="submit" />
<form>

问题是每次我提交表单时，我都会被重定向到表单的操作 url。

如何在仍停留在同一页面上的同时提交此表单？使用 ajax 或 preventDefault 将不起作用，因为我将丢失文件流。

伦迪

Answer 1

如果您 iframe的页面上有一个隐藏的，

<iframe id="hidden-iframe"></iframe>

然后在target您的表单中添加一个：

<form id="upload" action="someurl" method="post" target="hidden-iframe" enctype="multipart/form-data">
  <label for="file">Filename:</label>
  <input type="file" name="file" /> 
  <input type="submit" value="submit" />
<form>

你完成了 ！