GWT 中的拖放文件上传在 IE 11、MS Edge 中不起作用

Question

我有一个为客户构建的现有 GWT 项目，它具有通过良好的旧文件对话上传多个文件的功能。它适用于所有浏览器。 我想添加一个功能来提供一个小的放置区域，用户可以在其中放置文件并期望它们被上传。我想通过对现有代码的最小更改来做到这一点，因此我对 GWT 对 File API 的支持进行了快速搜索。好像还处于实验状态。

然后我复习了这些问题 Drag and Drop file upload with GWT

GWT Drag and Drop File Upload not working

File upload with a progress bar, or accessing the Html 5 File Api from Google Web Toolkit?

感谢第一个问题，我从 Moxie 组找到了一个 gwt-uploader 库。我在我的代码中实现了它，它在 Firefox 上就像一个魅力。 它在 Chrome 上也运行良好。 不幸的是，无法在 IE 11 和 MS Edge 浏览器上运行。

我已使用http://www.moxiegroup.com/moxieapps/gwt-uploader/showcase/index.jsp 此处介绍的带有进度条和拖放功能的展示案例示例多文件上传作为我的代码的基础。 此示例也不适用于 IE 11 和 MS Edge。

有什么想法可能是错的吗？

Answer 1

回答我自己的问题，以便对可能遇到类似问题的人有所帮助。 由于 Moxie GWT-uploader 代码大约 3 年没有更新，我怀疑该库有问题，但经过几天的搜索并没有找到任何其他有用的替代库，我决定尝试修复 Moxie。原来我走错了路。 当我开始搜索 IE 11 时，MS Edge 对拖放的支持（我认为显然支持，因为这些是现代浏览器）并发现了问题。

1. MS Edge - 尚不支持拖放文件 这个问题已经回答了这个问题 - Microsoft Edge html5 file drag and drop拖放 从那里我找到了访问 MS Edge 开发人员建议站点的方法，显然它仍在开发中。找到这个答案的人......如果 MS Edge 仍然不支持此功能，请在下面的链接中投票。 https://wpdev.uservoice.com/forums/257854-microsoft-edge-developer/suggestions/8964523-support-html5-drag-and-drop-of-files-from-explorer

2. IE 11 - 支持拖放。然而，我使用 gwt-uploader 演示来创建我的源代码，结果发现 drop Label 缺少高度属性。这是原始来源。

   <div class="dropFilesLabel">Drop Files Here</div>
   

   类 dropFilesLabel 样式

   .dropFilesLabel {
       margin-top: 6px;
       padding-top: 28px;
       padding-bottom: 28px;
       font-family: verdana, arial, sans-serif;
       font-size: 12px;
       color: #2d4b6d;
       font-weight: bold;
       text-align: center;
       display: block;
       border: 2px dashed #888888;
       border-radius: 7px;
   }
   

   它没有最小高度或高度属性。由于填充，它实际上是可见的。我将样式表更改为使用min-height:16 px，并相应地减少了顶部和底部填充，它在 IE11 中工作。 感谢这个 YouTube 视频为我提供了 IE11 答案的解决方案https://www.youtube.com/watch?v=7M5rJ58xaLk