HTML5フォルダのドラッグアンドドロップで、クリック時の単一ファイル選択

Question

ウェブアプリケーションにドラッグゾーン&があります。ドラッグ&ドロップゾーンは、フォルダ

<input type="file" multiple="multiple" webkitdirectory mozdirectory /> 

私は簡単にドラッグやフォルダをドロップすることができ、フォルダ、単一のファイルを選択すると、ファイルの選択を受け付けます。すべてが期待どおりに機能します。

ドロップゾーン&ドロップゾーンをクリックすると、標準のWindowsモーダルポップアップが表示され、単一のファイルではなくフォルダを選択するよう求められます。

私は何をしたいのですがある：私は

はそれのために任意の解決策を見つけることができませんでした1

通常のWindowsファイル選択モーダルではなく、フォルダを見たいと思ってドラッグ＆ドロップゾーンをクリックすると、それは可能ですか？

Answer 1

webkitDirectoryが何だ、それはフォルダだけを受け入れるようにINPUTを制限：

https://wicg.github.io/entries-api/#dom-htmlinputelement-webkitdirectory

webkitdirectory属性は、ユーザーがディレクトリを選択することが許可されるかどうか を示すブール属性ですファイル ではなくhttps://developer.mozilla.org/en-US/docs/Web/API/DataTransferItem/webkitGetAsEntryから

https://jsfiddle.net/atfLe15b/

例：

は、ファイルの選択をサポートし、ファイルやフォルダのいずれかの&ドロップをドラッグするには、あなたのアプローチを変更する必要があります、あなたはドラッグ&ドロップゾーンが必要です。