HTML: 上传文件并停留在页面上

HTML: Upload a file and stay on the page

我正在制作一个 HTML 小页面,允许用户将文件从他的本地设备上传到服务器。我使用的方法是我在多个地方发现的推荐方法,它是这样的:

<FORM method="post" action="upload.py" enctype="multipart/form-data">
   <INPUT type="file" name="rhythm-file">
   <INPUT type="submit">
</FORM>

这有效,但它会将用户从页面转移到 upload.py。我怎样才能留在页面上?我尝试使用 action="upload()" 调用 JavaScript 函数,想从那里调用异步 HTTP 请求,但随后浏览器尝试导航到 cgi-bin/upload()。我还考虑过修改 upload.py 以重定向回上一页,但感觉这不是正确的方法。

您可以为此使用 AJAX。有很多库可以帮助您通过 AJAX.

上传文件

这里有一些 Jquery 插件:https://www.sitepoint.com/10-jquery-file-uploads/

看看 Dropzone,它有很棒的文档。

文件将由 dropzone 异步上传,因此用户不会离开页面。