優れたjQueryドラッグアンドドロップファイルアップロードプラグインはありますか?[閉まっている]


174

単一のJSスクリプトを含め、単純なスニペットを使用してフォームを有効にすることができる、きちんとしたjQueryプラグインはありますか?このようなもの:

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

アップロードターゲットはフォームのアクションです。

どのようなソリューションでも、(従来の参照方法を使用して)通常のファイルフィールドが使用できなくなることはありません。

一度に必要なファイルは1つだけですが、もちろん複数のオプションがあることは悪いことではありません。

ドラッグドロップアップロードの例をいくつか見つけました: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

しかし、そこにあるコードはプラグインとしてセットアップされていません。それを変更することはおそらくそれほど難しくありませんが、他の誰かがすでにその仕事をしていて、単に私のGoogle検索を回避しているなら、そうすることも無意味です。

理想的には、純粋なHTML5 / jQueryソリューションを探しています。
Google Gearsは許容されますが、Flashソリューションは許容されません。


3
そのソリューションは、Firefoxの最先端バージョンでのみ機能します。現在、Firefox 3.6以外ではサポートされていません。そのため、そのためのjQueryプラグインを見つけることはほとんどなく、おそらく自分で作成する必要があります。
ジョジョ

1
ええと。アルファ版は数か月前にリリースされましたが、それで十分です。:/私は自分でプラグインを作成するつもりだと思います。終了したら質問に回答します。
Peter Boughton、

@PeterBoughtonまだそのプラグインを完了していない場合は、回答を受け入れることをお勧めします
基本的な

迅速な基本をありがとう。これは昔から見たことがありませんが、明確なお気に入りがあるようです(そして、一見するとそれはまあまあのようです)、それを受け入れます。
Peter Boughton、2012

動きが速く、例外的にサポートされ、機能が豊富で依存関係のないJavaScriptアップローダーについては、以前はvalums / file-uploaderとして知られていたFine Uploaderをご覧ください。
レイニコラス2014年

回答:


134

これを見てくださいhttp : //aquantum-demo.appspot.com/file-upload

複数のファイルのアップロードも処理します!


7
ちょうどテストした。ChromeとFirefoxに非常に適しています。IEの下で通常のアップロードボタンに低下します。(しかし、それはフラッシュフリーです...)
フランク・ノッケ2011

2
私もファイルアップロードプラグインを探していますが、これは今のところ2015年には機能しません(おそらく2011年に機能していました)。
Eran Meir

30

最近チェックアウト1 TinyMCEのエディタを作成した人たちから解放アップロード・ハンドラを。jQueryウィジェットがあり、機能とフォールバックの優れたセットがあるように見えます。

http://www.plupload.com/


pluploadは他のテクノロジーを利用して最高のユーザーエクスペリエンスを実現するため、使用をお勧めします。
rickyduck

Chrome 15ではall_runtimeが機能しません。これがポイントです。plupload.com
Erik Johansson

1
商用利用は無料ではありません(無料版のGPLを使用)
Sachin Joseph


15

あなたがまだそれを探しているなら、私は私のものを解放しました: http //github.com/weixiyen/jquery-filedrop

現在Firefox 3.6で動作します。私は今のところChromeハックを行わず、SafariとChromeの次のバージョンでWebkitがFileReader()に追いつくようにしました。

このプラグインは将来の互換性があります。

FileReader()は、XHR.getAsBinary()のようなものに対する公式標準であり、mozillaによれば廃止されています。

また、アップロード時にコールバック関数で計算できるデータを含む、追加のデータをファイルと一緒に送信できるHTML5デスクトップドラッグアンドドロッププラグインもあります。


1
ドキュメントはこれについては少し薄いですが(今でも2013年です)、まあまあうまく機能しています。
dansan 2013年

1
しかし、デモはありませんか?!どうしたの。
Sagive SEO 2017

15

Flashに依存しないものを探している場合は、dropzonejsが適しています。複数のファイルとドラッグアンドドロップをサポートしています。

http://www.dropzonejs.com/


元の推奨事項は3月にgithub.com/Widen/fine-uploaderに移動しました。
レイニコラス2014年

それをありがとう。有料のサービスになっているようです(商用利用向け)。
ロスグレッドヒル2014年

そのとおりです。無料で提供できるレベルのサポートと開発のスピードを提供することはできません。
レイニコラス2014年

ここでdropzonejs使用してドラッグ/ドロップ画像アップロードの素敵なチュートリアルだgoo.gl/FVdkS0
シンSatinderを

既存のフォームとの統合は簡単ではありません。それが私がドロップゾーンから離れることに決めた理由です。
Usman Khalid


8

恥知らずなプラグ:

Filepicker.ioがアップロードを処理し、URLを返します。ドラッグ/ドロップ、クロスブラウザをサポートしています。また、モバイルデバイスで非常に便利なDropbox / Facebook / Gmailからアップロードできます。


4

jQuery Fileuploaderの最新バージョンはどうですか:http ://pixelcone.com/fileuploader/

その強力なファイルアップロードプラグインは、他のプラグインに比べてセットアップが非常に簡単で、現在はhtml5 APIをサポートしています。


1
jQuery Fileuploaderはどのライセンスで利用できますか?あなたは本当にあなたのウェブサイトとあなたのプラグインのソースコードの両方でこれを明確にするべきだと思います。:)
OpaCitiZen 2012年

リンク切れ、これは正しいですか?
ピュース
弊社のサイトを使用することにより、あなたは弊社のクッキーポリシーおよびプライバシーポリシーを読み、理解したものとみなされます。
Licensed under cc by-sa 3.0 with attribution required.