GWT FileUpload OnClick

Posted 2021-05-05

我正在尝试使用GWT按钮使用.click方法调用FileUpload。在使用此方法选择文件后，我正在努力获取要触发的代码。我尝试过使用addChangeHandler，但是一旦选择了文件，它似乎没有调用。

任何帮助，将不胜感激，

谢谢！

答案

如果你使用最新的GWT 2.8.2，你将使用Elemental2和JsInterop（现在正确的方法;请在这里找到解释：https://stackoverflow.com/a/52083441/5394086）。

那么请在下面找到一些例子。本机浏览器API的实现：https://developer.mozilla.org/en-US/docs/Web/API/HTML_Drag_and_Drop_API/File_drag_and_drop。这是一个现代的“拖”而不是“点击”，希望你会喜欢它。

第一个示例使用GXT作为UI，但上传内容对于通用GWT是相同的，因此很容易为您的目的修改示例。动画gif显示它是如何工作的。更重要的是，它可以在没有额外努力的情况下工作。 https://gist.github.com/branflake2267/d424e4a0c0b371e3dd9d15bfd3514429

JSNI的另一个例子是目前被弃用的方法：https://gist.github.com/branflake2267/97266601f0f225ae2a750fc8115dc2c4

最后一个非常好的Java8 lambdas以及仅使用免费库的非常紧凑的示例，因为Elemental2是“新GWT”的一部分而Elemento是开源的（https://github.com/hal/elemento）：https://gist.github.com/ibaca/a8a84b6e7b63259109fd782d7dbadd8d

我希望你会发现它很有用。