製品をMicrosoft Edgeに適合させています。 IE、Chromeなどで正常に動作するHTMLドラッグアンドドロップ機能があります。
Win10 Insider Preview Build 10162のMicrosoft Edgeを使用すると、ドロップは禁止されます。 http://html5demos.com/dnd-upload も機能しないことも確認しました。
誰かがこの問題を解決しましたか?
Microsoftはこの機能を実装しました EdgeHTML 13で、Windows 10ビルド10586(2015年11月)に含まれています。
元の答え:
DragAndDropEntries
は、Microsoft Edgeではまだサポートされていません。詳細は this link を参照してください
それは言う:
HTML5ドラッグアンドドロップを使用してフォルダー全体をドラッグアンドドロップできます。 FileEntry/DirectoryEntryを取得するメソッドでDataTransferItemを拡張します。ロードマップの優先度:低—このテクノロジーはまだ評価中です。開発を開始する前に、大幅な仕様の安定化、基礎作業、または追加のコミュニティインプットが必要になる場合があります。」
ただし、この機能は https://wpdev.uservoice.com/forums/257854-Microsoft-Edge-developer で自由にリクエストしてください。
私のために働いた:
html:
<input
id = "dropzone"
accept = "image/*"
multiple = "false"
type = "file"
/>
使用されたjavaScript 'drop'イベント:
const dropzone = document.getElementById('dropzone');
dropzone.addEventListener('drop', (event) => { /* your callback */ })
ファイルを使用するには:
event.dataTransfer.files[0]