HTML5文件夹拖放,但单击时选择单文件



我有一个拖动&我的Web应用程序上的删除区域。阻力&Drop区接受文件夹

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

我可以轻松地拖放文件夹,选择文件夹,单个文件和一系列文件。一切都按预期工作。

当我单击拖动&amp;Drop Zone I获得了标准Windows模式弹出窗口,要求我选择一个文件夹,而不是单个文件。

我想拥有的是:当我单击拖放区域时,我想查看普通的Windows文件选择模式,而不是文件夹

找不到任何解决方案,甚至可能吗?

这就是webkitDirectory所做的,它限制了您的INPUT仅接受文件夹:

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

WebKitDirectory属性是一个布尔属性,指示 是否允许用户选择目录而不是 文件或文件。

要支持文件选择并拖动文件或文件夹,您需要更改方法,需要拖动&amp; drop zone:

https://jsfiddle.net/atfle15b/

https://developer.mozilla.org/en-us/docs/web/api/datatransferitem/webkitgetasentry。