在提交表单后重置html表单,并在不刷新页面的情况下再次使用


Reset html form after submitting form and use it again without page refresh

我在PHP页面上有html表单,提供不同大小的图像下载。

<form action='download.php' method='post'>
     <select name='size'>
          <option value='1'>Small</option>
          <option value='2'>Medium</option>
          <option value='3'>Large</option>
     </select>
     <button type='submit'>Download</button>
</form>

在"download.php"页面中有代码生成图像并使用头文件自动开始下载。

header('Content-type: image/jpeg');
header('Content-Disposition: attachment; filename="'.$filename.'"');        
imagejpeg($image, null, 100);

当我点击下载按钮,表单提交成功,图像开始下载。因为我在download.php文件中使用头,所以当前页面不会重定向到download.php文件,并且表单保持原样。到目前为止一切正常。

现在,如果我再次点击下载按钮,表单重定向到download.php文件,没有图像下载。

有没有办法工作下载按钮不止一次,而不刷新我的索引页?

指出:

1)。我在索引页上使用jquery。

2)。而不是<input type='submit' />,我使用<button type='submit'></button>,因为我使用字体awesome jquery插件把图标放在按钮。

你已经使用jquery ajax做你所要求的。

你可以在这里找到ajax教程。

步骤1:您需要使用ajax

发布数据

步骤2:对于重置字段,您可以使用jquery重置字段的id

Ajax jquery下载脚本