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 异步上传,因此用户不会离开页面。
我正在制作一个 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 异步上传,因此用户不会离开页面。