Jquery 当用户点击“上传文件输入表单”；开放式；

我想知道这个流程是否可行：

单击显示“上载”的按钮。它的样式与平常大不相同。它不显示“未选择文件”文本

通常的文件浏览器会打开。用户选择要上载的文件。他们在文件浏览器中单击“打开”按钮

单击“打开”后，文件浏览器关闭（与普通浏览器类似），文件立即开始上载（与需要提交的普通浏览器不同）

我检测文件何时完成上传，并直接转到另一个页面

以下是我将如何尝试实施它：

自定义CSS的输入按钮-这似乎并不难

不需要改变

检测输入值何时更改。一旦我发现它已经改变，触发提交

？？？？如何检测文件何时完成上载

---

如果使用表单提交，则文件在（可能是POST）请求完成时完成上载

要在输入值更改时触发提交，请在JavaScript中使用

form.submit（）

$('#file_input').change(function() {
    $(this).closest('form').submit();
});

---

服务器应将重定向作为响应发回（例如，状态代码301、302、303等）。

取决于您如何考虑实施重定向。但以下是我在一个项目中所做的

步骤1使用Ajax上传文件：

步骤2上传完成后，我的服务器端脚本返回一个JSON，具体取决于您使用的服务器端语言

---

步骤3我解析该json以查看上传是否成功，然后采取必要步骤

使用常规表单提交第3和第4步。操作页面应该执行重定向。