ローカルファイルからイメージオブジェクトを作成するHTML5のdrag'n'dropイベント

Question

ドラッグアンドドロップでローカルファイルシステムアクセスのイメージにアクセスする方法を探しています。私は、ユーザーが画像をドラッグアンドドロップし、データを読み込んで、何らかの操作を出力できるようにすることを目的としています。

ドラッグ＆ドロップイベントからImages（）を作成する方法については、良いソースマテリアルを見つけることが非常にうまくいっていません。私はどんなpointeresにも感謝します。漠然とここで言及されて

何か：

https://developer.mozilla.org/En/DragDrop/Recommended_Drag_Types#Dragging_Images

ターゲットはWebkitの/ Firefoxのブラウザをサポートすることです - IEは大きな問題ではありません。

Answer 1

this jQueryプラグインをご覧ください。この例では、一度に1つまたは複数のイメージ（ドロップされたファイルのMIMEタイプによって決まります）を削除し、それらをimg-tagsとして挿入します。この例では、イメージパスは使用しませんが、コンテンツをdata-urlとしてイメージsrc属性に挿入します。