2011-04-05 112 views
0

当用户点击“浏览”按钮时,是否有方法可以选择多个文件上传,并在不刷新页面的情况下上传这些文件?通过Javascript/Ajax上传多个文件?

这发生在Gmail中,当您单击附加文件时,您可以按住CTRL并选择多个文件。

+1

你明白了什么从文件选择对话框返回?如果它是一个集合(或某种分隔列表,你可以转换成一个集合),你可以遍历它产生多个请求。 – StuperUser 2011-04-05 14:17:44

+0

Gmail使用Flash。我不认为这是可能的标准Html文件选择元素。 – kgiannakakis 2011-04-05 14:19:07

回答

1

我最近遇到了类似的问题。我们一直在使用Uploadify(http://www.uploadify.com/)来进行上传。我写了一篇关于如何使用Uploadify进行多文件上传博客文章:

http://blog.bobcravens.com/2011/03/upload-multiple-files-with-progress-using-uploadify/

有几个支持的选项:

  • 使用一个单一的“输入”元素,并选择多文件。

  • 使用多个“输入”元素来选择每个文件。

希望这会有所帮助。

鲍勃

+0

有没有办法保持队列列表不显示进度条?而不是我想实现我自己的队列表。我想我使用OnSelect事件,但如何保持默认队列列表不会出现? – 2011-04-05 14:39:51

+1

这些似乎被包装在一个div中,使用以下类'uploadifyQueue'。您可能可以为该类添加display:none样式。我没有试过这个。 – rcravens 2011-04-05 15:09:42

+0

在Chrome中使用Jquery控制台,将显示设置为none可以隐藏该队列..谢谢!应该最有可能的工作也活着。我会试一试 – 2011-04-05 22:42:24

0

检查http://valums.com/ajax-upload/这是一个整洁的插件!

编辑:添加了感叹号。

+1

尼斯[复制](http://stackoverflow.com/questions/5553226/ajax-based-file-uploads/5553261#5553261) - 至少修改句子或任何东西。 – fabrik 2011-04-05 14:18:56

+1

你在这里复制。 – fabrik 2011-04-05 14:19:56

+0

我希望你现在是个快乐的人。 – fabrik 2011-04-05 14:20:55

1

只有两个上传文件而无需刷新页面的方式:

  1. IFRAME

  2. 闪光 - 它会给你一次

选择多个文件的可能性

请看SWFUpload了解更多信息

0

如果你想要一些确实是跨平台使用:plupload它支持HTML4,5,Flash和更多...