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

时间:2011-05-15 03:58:33

标签: c# jquery asp.net-mvc file-upload

我想要一个<input type="file">表单元素,在用户选择文件后立即触发上传过程,而无需用户再单击“上传”。

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

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

2 个答案:

答案 0 :(得分:4)

您不需要任何库。使用id创建隐藏的iframe(visibility:hidden not display:none)。然后将上传表单上的target属性设置为此iframe。触发表格照常提交。

答案 1 :(得分:2)

使用Uploadify&gt;&gt; http://www.uploadify.com/