HTML：上传文件并留在页面上

Question

我整理了一个小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以重定向回到上一页，但这并不是正确的做法。

Answer 1

您可以使用AJAX。有许多库可以帮助您通过AJAX上传文件。

以下是一些Jquery插件：https://www.sitepoint.com/10-jquery-file-uploads/

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

该文件将由dropzone异步上传，因此不会将用户从页面中删除。