首页 > 解决方案 > 通过表单提交 POST 后保持在同一页面上

问题描述

我有一个小问题。我向我的路线/上传pdf提交表格

<form action="http://localhost:3000/user/uploadpdf" enctype="multipart/form-data" method="post" onSubmit=window.location.replace('http://localhost:3000/statictoken')>
    <input type="file" name="upload" multiple>
    <input type="submit" value="Upload"> 
</form>

完成后,浏览器会尝试遍历上传pdf。

我真正想要的是留在当前页面(“statictoken”)并刷新。您可以看到我尝试替换 onSubmit,但它不起作用。

标签: html

解决方案


表单动作属性用于将请求发送到指定页面。如果您想将请求发送到当前页面本身,您应该具有以下内容:

<form action="/" ...>

但请记住,现在,您必须在“statictoken”页面上处理 uploadpdf 页面的功能。

您也可以在文件上传完成后从“uploadpdf”页面重定向到“statictoken”页面。

或者更好的是,您可以使用Ajax File Upload,以便异步提交表单,而无需将您重定向到“uploadpdf”页面。


推荐阅读