javascript - 在 javascript 中拖放文件时,文件添加到 DataTransfer FileList 的顺序是什么?

标签 javascript html drag-and-drop fileapi

我正在构建一个 Web 应用程序,用户可以在其中将图像拖到浏览器中并放下以上传它们。问题是,我希望文件以与它们从中拖出的文件夹相同的顺序上传。似乎 ondrop 事件的 DragEvent.DataTransfer.FileList 中的文件是随机排序的。这个顺序是如何确定的?我是否可以确定用户从中拖动文件的文件夹中文件的原始顺序?

最佳答案

经过更多测试后,我找到了答案。这些文件与文件夹的顺序相同,但从您拖入的实际单个文件开始偏移。因此,如果您突出显示 5 个文件并通过单击第三个文件并拖动将它们拖入,顺序将为文件 3、文件 4、文件 5、文件 1、文件 2。至于我的第二个问题,找到正确的顺序似乎取决于知道拖入的文件的偏移量。我还没有找到一种方法确定这一点。

关于javascript - 在 javascript 中拖放文件时,文件添加到 DataTransfer FileList 的顺序是什么?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/35213146/

相关文章:

javascript - 在 React 中从 <h4> 获取值

javascript - 单击 li 项时 Jquery 更改 div 文本值

html - 如何在 wordpress 中使网站内容动态化

qt - 使用 ListView 的拖放功能来创建库存 UI

javascript - 拖放以重新排序 HTML 列表

drag-and-drop - 转换到某个事件(而不是日历) - 如何识别事件?

javascript - 从属性值中获取属性键

javascript - 如何使用 Angular 2 创建新页面?

javascript - 当函数包装在自调用函数中时,某些函数不会被调用

javascript - 无法从 jquery Mobile 导航栏重定向到另一个页面