【Javascript】フレームワークを使わずにドラッグアンドドロップでjsonを読み込む - Qiita

function handleDropAction(e) { // ブラウザデフォルトのイベント処理を停止 e.preventDefault(); e.stopPropagation(); const droppedFiles = e.dataTransfer.files; // ドロップしたファイルを取得 // ファイルが一つ以上ドロップされたら if (droppedFiles.length > 0) { const ajaxData = new FormData(); const ajax = new XMLHttpRequest(); const file = droppedFiles[0]; // 2つ目以降のファイルを今回は無視する ajaxData.append("file", file); // 非同期通信で送信するデータにドロップしたファイル情報を追記 ajax.open