FileUpload小部件gwt

Question

我正在处理一个应用程序，我使用gwt。我需要上传文件（图像），为此我使用FileUpload小部件。当用户没有上传文件时，该小部件中的文本是“No selected file”，我想改变它，但我不知道如何访问小部件的那部分。

Answer 1

FileUpload呈现为<input type=file>，因此您将看到该小部件的默认浏览器实现。实际上，如果您使用不同的浏览器，则文本将是不同的或不是。

由于安全原因，大多数浏览器供应商拒绝提供样式文件输入的方式，因此您必须使用一些hack来通过自定义按钮/ div替换它。因此，没有那么多你可以做的改变那个文本。

我建议使用gwtupload，其DecoratedFileUpload小部件附带一些调整来隐藏默认上传按钮并显示一个自定义按钮以打开浏览对话框，看看它{{3 }}

Answer 2

我尝试过以下操作，它在Mozilla FireFox 25.0中运行良好。

在你的css文件中定义一个新样式：

.myfile {
  color: transparent;
}

现在将此样式应用于FileUpload小部件，如下所示：

fileUpload.setStyleName("myfile");

希望它对你有所帮助。