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異步上傳，因此用戶不會被帶離該頁面。