【问题标题】:Multiple file uploads via Javascript/Ajax?通过 Javascript/Ajax 上传多个文件?
【发布时间】:2011-04-05 14:14:02
【问题描述】:

当用户点击“浏览”按钮时,有没有办法选择多个文件上传,并且在不刷新页面的情况下上传这些文件?

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

【问题讨论】:

  • 文件选择对话框返回什么?如果它是一个集合(或某种分隔列表,您可以转换为一个集合),您可以遍历它生成多个请求。
  • Gmail 使用闪存。我认为标准的 Html 文件选择元素不可能做到这一点。

标签: javascript jquery file-upload


【解决方案1】:

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

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

有几个受支持的选项:

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

  • 使用多个“输入”元素分别选择一个文件。

希望这会有所帮助。

鲍勃

【讨论】:

  • 有没有什么办法可以防止带有进度条的队列列表出现?而不是我想实现我自己的队列列表。我想我使用 OnSelect 事件来做到这一点,但是如何防止出现默认队列列表?
  • 这些似乎被包装在具有以下类“uploadifyQueue”的 div 中。您可以向该类添加 display:none 样式。这个我没试过。
  • 在 Chrome 中使用 Jquery 控制台,将显示设置为 none 可以隐藏该队列。谢谢!很可能也应该在现场工作。我试试看
  • 也可以将其发布到我的其他问题中,如果可行,我将在两个地方都接受。 stackoverflow.com/questions/5553226/ajax-based-file-uploads
【解决方案2】:

在不刷新页面的情况下上传文件只有两种方式:

  1. iframe

  2. flash - 它可以让您一次选择多个文件

查看SWFUpload 了解更多信息

【讨论】:

    【解决方案3】:

    如果你想要一些真正跨平台的东西:plupload 它支持 HTML4、5、Flash 等等...

    【讨论】:

      【解决方案4】:

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

      编辑:添加了一个感叹号。

      【讨论】:

      • 很好copy - 至少修改句子或任何东西。
      • 我是。 =P Valums 是一个只有你知道的超级秘密插件。
      • 我说至少你应该修改我的句子。
      猜你喜欢
      • 2012-11-19
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 2019-12-23
      • 1970-01-01
      • 1970-01-01
      相关资源
      最近更新 更多