2012-04-16 24 views
13

最新のブラウザでドラッグ&ドロップファイルのアップロードにJQuery File Uploadという素晴らしいライブラリが見つかりました。残念ながら、ドラッグアンドドロップはInternet Explorerでは機能しません。Internet Explorer用ドラッグアンドドロップファイルアップロードライブラリ

IEでのドラッグアンドドロップファイルのアップロードがプロジェクトの要件です。この特定の状況の解決方法を探したいと思います。私の考えは、アップロードページの2つのバージョン(IE用と世界用のもう1つ)で終わることです。

IEでこのようなアップロードのための優れたActiveXライブラリがありますが、インストールする必要はありませんか?

答えて

3

新しいHTML5ドラッグアンドドロップAPIと新しいファイルAPIを使用することをお勧めします。 は、ここでは10+ IEをサポートし、

+4

私はTOがIEの古いバージョンのソリューションを望んでいたと思いますが、HTML5ドラッグアンドドロップAPIはサポートされていません。 –

+4

さようなら!私はFileDropがあなたが必要とするものだと思う - > [リンク](http://proger.i-forge.net/FileDrop_%E2%80%93_cross-browser_JavaScript_Drag_-amp_Drop_file_upload/7CC) – MyBoon

+1

FileDropは明らかにファイルのアップロードを可能にしますドラッグアンドドロップとIE6 +トラフiframeのトリック。私はそれを確認しなければならないが、それは有望と思われる。ありがとう! – plang

0

であるだけでなく、古いIEの中で作業するため<Iframe> based fallbackを持ってドラッグ&ドロップファイルアップロードライブラリです。そのページにはデモがあります。それは有望に見える、それをチェックしてください。

0

私は一般的なドラッグを行うと、を含むイベントを削除するにはjavascriptのモジュールを書いた:、

  • ファイル落下、
  • ドラッグと、ブラウザウィンドウ内の2つの別のブラウザウィンドウ間
  • ドラッグ&ドロップをドロップ
  • ブラウザウィンドウから外部アプリケーションへのドラッグアンドドロップ
  • 外部アプリケーションからブラウザウィンドウへのドラッグアンドドロップ

これは、時間の無駄になるhtml5ドラッグアンドドロップAPIについて、たくさんのbizzaroものを抽象化しています。使用例は次のとおりです。

dd.drag(myDomNode, { 
    dragImage: true, // default drag image 
    start: function(setData, e) { 
     setData('myCustomData', JSON.stringify({a:1, b:"NOT THE BEES"})) // camel case types are allowed!* 
    } 
}) 
dd.drop(myDropzone, { 
    drop: function(data, pointer, e) { 
     myDropzone.innerHTML = data.myCustomData 
    } 
}) 

これはInternet Explorerでも同様に動作します(通常のIEの警告があります)。 https://github.com/fresheneesz/drip-drop