用 form 提交文件信息和上传文件

2015-10-16 23:03:25 +08:00
 lbfeng

需要完善一个 submission 的页面。
<form action="/processPage" method="post" enctype="multipart/form-data">
<input>
<input>用户填写各种信息
<input>
...
<input accept="application/pdf" type="file">

考虑到网络状况和上传文件的大小,用户可能在 submit 之后等很长时间才能返回成功。用户体验不是很好。现在想能不能显示文件上传进度,用户可以在上传完成之后再 submit 。

如果上传完成之后再 submit 还能在同一个 form 中吗?有什么 js 能帮助实现吗?请大家指教。
后端是 flask

1861 次点击
所在节点    问与答
3 条回复
oott123
2015-10-16 23:06:16 +08:00
你可能需要 HTML5 File API
或者在低端浏览器下使用 Flash
来帮助完成你的任务
ipconfiger
2015-10-16 23:24:17 +08:00
如果你对进度条没有什么要求的话,内嵌一个 iframe 来提交文件也是可以的
lbfeng
2015-10-17 00:49:06 +08:00
@oott123
@ipconfiger 我现在用 dropzone 发现两个不能同时提交。

这是一个专为移动设备优化的页面(即为了让你能够在 Google 搜索结果里秒开这个页面),如果你希望参与 V2EX 社区的讨论,你可以继续到 V2EX 上打开本讨论主题的完整版本。

https://www.v2ex.com/t/228669

V2EX 是创意工作者们的社区,是一个分享自己正在做的有趣事物、交流想法,可以遇见新朋友甚至新机会的地方。

V2EX is a community of developers, designers and creative people.

© 2021 V2EX