html - 通过表单提交 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,但它不起作用。
解决方案
表单动作属性用于将请求发送到指定页面。如果您想将请求发送到当前页面本身,您应该具有以下内容:
<form action="/" ...>
但请记住,现在,您必须在“statictoken”页面上处理 uploadpdf 页面的功能。
您也可以在文件上传完成后从“uploadpdf”页面重定向到“statictoken”页面。
或者更好的是,您可以使用Ajax File Upload,以便异步提交表单,而无需将您重定向到“uploadpdf”页面。
推荐阅读
- angular - 需要在 Angular 中使用具有唯一值的相同组件超过 2 次
- javascript - 在 React 中使用 api 请求分离包装器
- angular - 我如何获得今天、下一个和上一个按钮的更改事件?
- clickhouse - 如何在 ClickHouse 中删除 EmbeddedRocksDB 表引擎的一行?
- java - 我在 android 中的卡片翻转动画出了什么问题?
- python - 如何从内部函数停止执行外部函数?
- xml - Google 测试:如何从多个测试套件运行中生成单个 xml 报告?
- jquery - 使用 jQuery 对多个表单进行表单验证
- macos - 在 MacOs Big Sur 上使用 OpenGL
- gstreamer - 使用 GStreamer 管道创建 onvif 合规摄像头