如何在提交表单后防止页面重定向/刷新，同时保留文件输入？ 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将不起作用，因为我将丢失文件流。

Rendy

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> 

大功告成！