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异步上传，因此用户不会被带离该页面。