提交后如何获取表单进度？

Question

我想以某种方式跟踪表单提交的进度。我的脚本使用带有 enctype multipart/form-data 的简单表单上传文件。触发提交功能后，我想以某种方式跟踪和处理当前上传的进度。例如，默认情况下，当我的表单“上传”时，它会显示在左下角（上传：10%）。如何为表单当前进度创建句柄？

到目前为止，我唯一的表单就是检测提交。

$("#form1").submit(function(event) {
 event.preventDefault();
 alert("submitting");
 });

Answer 1

一般做法如下：

1. 客户端：启动计时器
2. 客户端：提交表单数据
3. 客户端：在计时器处理程序中，通过 AJAX 发送请求并轮询提交的当前状态
4. 客户端：重启计时器，直到提交完成。

在服务器上，您需要两个请求处理程序和一个共享内存结构。第一个请求处理程序处理请求并使用当前状态更新内存结构。

第二个处理程序读取共享内存结构并将当前内容返回给客户端上运行的计时器回调。