こんちには、鈴木です。 HTML5 には File API というものがあます。 File API を使うとローカル PC からブラウザにドラッグ&ドロップされたファイルを扱うことができます。 ということで、今回は File API によるドラッグ&ドロップ処理をご紹介します。 まずは以下の HTML から始めましょう! <!DOCTYPE html> <html> <head> <title>HTML5 でドラッグ&ドロップ</title> <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js"></script> <script> $(function() { // TODO ここにドラッグ&ドロップに必要な処理を記述します. }); </script> </head> <body> <