ドラッグ&ドロップでファイルとフォルダをアップロードする - Qiita

目標 この記事では指定したフィールド上にファイルやフォルダをドラッグ&ドロップ(以後D&Dと呼びます)するとinputでファイルやフォルダを複数アップロードした時と同じ結果を得られるようにすることを目標とします。 Fileオブジェクト ファイルには5つのプロパティがあります(Deprecatedされたものは除いてます)。 lastModified: ファイルの最終更新時刻 name: ファイルの名前 webkitRelativePath: Fileの相対パス(標準化されてません) size: ファイルのサイズをバイト単位 type: ファイルのMIME タイプ inputの動作確認 お手本とするinputの動作を確認します。ファイルだけを扱う場合とフォルダだけを扱う場合で挙動が異なるので分けて紹介します。 ファイル 複数ファイルをinputする場合は属性にmultipleを与えることででき