web-dev-qa-db-ja.com

Microsoft EdgeでHTMLドラッグアンドドロップ入力を使用できますか?

製品をMicrosoft Edgeに適合させています。 IE、Chromeなどで正常に動作するHTMLドラッグアンドドロップ機能があります。

Win10 Insider Preview Build 10162のMicrosoft Edgeを使用すると、ドロップは禁止されます。 http://html5demos.com/dnd-upload も機能しないことも確認しました。

誰かがこの問題を解決しましたか?

15

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 で自由にリクエストしてください。

6
Doris Chen

Microsoft Edgeでデモを試してみたところ、問題なく動作しました。 enter image description here

1
Rami Sarieddine

私のために働いた:

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]
0