使用jQuery上传文件而不点击“上传”答案

【问题标题】：Using jQuery to upload a file without clicking "Upload"使用jQuery上传文件而不点击“上传”
【发布时间】：2011-08-25 18:29:36
【问题描述】：

我想要一个<input type="file"> 表单元素，它可以在用户选择文件后立即触发上传过程，而无需用户执行第二个额外步骤，即单击“上传”。

如何在选择文件后立即启动文件上传过程并实际异步执行文件传输？

编辑：Uploadify 看起来不错——除了它需要 Flash 上传。如果可能的话，我想尽量避免这种情况。要求 Flash 上传文件可能会成为人们试图在线获取照片的障碍。我的目标网站受众是那些对互联网、表单等没有太多经验的人。我正在努力使这个过程尽可能简单。

【问题讨论】：

【解决方案1】：

您不需要任何库。创建一个带有 id 的隐藏 iframe（可见性：隐藏而不显示：无）。然后将上传表单上的 target 属性设置为此 iframe。像往常一样触发表单提交。

【讨论】：

我相信你可以绑定到表单上传输入。由于安全限制，您可能无法读取其内容，但只知道它已被触发。这是完全可以做到的，因为 gmail 电子邮件附件以类似的方式工作。
这似乎是要走的路。 Uploadify 是基于 Flash 的，所以我认为它已经过时了。我可以在文件表单元素上设置“onchange”事件来触发表单提交，从而将文件发布到 IFRAME。谢谢。这有点骇人听闻，但由于您不能通过 jQuery 本地发布表单数据，因此这种解决方法似乎是最好的选择。

【解决方案2】：

使用 Uploadify >> http://www.uploadify.com/

【讨论】：