代码之家  ›  专栏  ›  技术社区  ›  Peter Boughton

有没有一个好的jquery拖放文件上传插件?[关闭]

  •  173
  • Peter Boughton  · 技术社区  · 15 年前

    有没有一个不错的整洁的jquery插件,允许包含一个JS脚本,然后使用一个简单的代码片段来启用表单?像这样:

    $j('#MyForm').enableDragDropUploads('.upload-area')
    

    上载目标是表单的操作。

    任何解决方案都不能阻止常规文件字段可用(使用传统的浏览方法)。

    我一次只需要一个文件,当然可以选择多个文件也不是坏事。

    我发现了几个拖放上载示例:
    http://www.appelsiini.net/2009/10/drag-and-drop-file-upload-with-google-gears http://www.appelsiini.net/2009/10/html5-drag-and-drop-multiple-file-upload

    但是这里的代码没有设置为插件。改变它可能并不太困难,但是如果有人已经做了这项工作,并且只是在逃避我的谷歌搜索,那么做也没有意义。

    我理想地寻找一个纯粹的HTML5/jQuery解决方案。
    谷歌Gears One是可以接受的,但Flash解决方案却不能接受。

    8 回复  |  直到 10 年前
        1
  •  135
  •   Ciaran    13 年前

    看看这个: http://aquantum-demo.appspot.com/file-upload

    它还处理多个文件上传!

        2
  •  31
  •   Aaron Wagner    14 年前

    查看最近的 1 从创建Tinymce编辑器的人那里发布了上载处理程序。它有一个jquery小部件,看起来它有一组很好的特性和回退。

    http://www.plupload.com/

        3
  •  19
  •   Yarin    11 年前

    http://blueimp.github.com/jQuery-File-Upload/ =很好的解决方案

    根据他们的 docs ,以下浏览器支持拖放:

    • 火狐4 +
    • 狩猎5+
    • 谷歌浏览器
    • Microsoft Internet Explorer 10.0+
        4
  •  16
  •   resopollution    14 年前

    如果你还在找,我刚刚发布了我的: http://github.com/weixiyen/jquery-filedrop

    适用于火狐3.6。我决定暂时不进行Chrome黑客攻击,让WebKit在下一个版本的Safari和Chrome中赶上fileReader()。

    这个插件将来是兼容的。

    FileReader()是XHR.GetAsBinary()的官方标准,根据Mozilla的说法,它已被弃用。

    它也是我所知道的唯一一个HTML5桌面拖放插件,它允许您随文件一起发送额外的数据,包括可以在使用回调函数上传时计算的数据。

        5
  •  14
  •   Ross Gledhill    10 年前

    如果你正在寻找一个不依赖闪光灯的,那么DropZoneJS是一个很好的叫法。它支持多个文件和拖放。

    http://www.dropzonejs.com/

        6
  •  10
  •   user340084    14 年前

    我创建了一个插件,允许您将一些文件放到给定的区域。这个插件目前可以在火狐、Safari和Chrome中使用。

    http://code.google.com/p/dnd-file-upload/

        7
  •  9
  •   Liyan Chang    12 年前

    无耻插头:

    Filepicker.io 为您处理上载并返回URL。它支持拖放、跨浏览器。此外,人们还可以从Dropbox/Facebook/Gmail上传,这在移动设备上非常方便。

        8
  •  5
  •   John Laniba    13 年前

    jquery fileuploader的最新版本如何? http://pixelcone.com/fileuploader/

    它是一个强大的文件上传插件,与其他插件相比非常容易设置,现在它支持HTML5 API。