ちょっと案件でファイルをHTML上で読み込む必要があり、ファイルのドラッグ&ドロップについて調べていたんですが、なんか微妙に分かりづらい説明が目についたので備忘録的にまとめます。 試しに画像ファイルをドラッグ&ドロップで読み込んで表示するサンプルを作ったのでこれを元に説明を。 サンプルページ(武田制作のサイト上に保存してます) サンプルは上部のドラッグ&ドロップエリアに画像ファイルをドロップすると読み込んで下にプレビュー表示します。 ちょっとコード全体を貼った上で順番に解説します。 <サンプルコード全体> <!DOCTYPE html> <html lang="ja"> <head> <met…