更改 <p:fileUpload mode="simple"> 的默认按钮标签答案

【问题标题】：Change default button label of <p:fileUpload mode="simple">更改 <p:fileUpload mode="simple"> 的默认按钮标签
【发布时间】：2013-07-02 10:23:32
【问题描述】：

我正在使用<p:fileUpload mode="simple">。按钮标签在 Chrome 和 Firefox 中的显示方式不同。我希望它在浏览器中是相同的。我尝试通过设置label 属性来更改它，如下所示：

<p:fileUpload label="Browse" ... mode="simple" />

但是，它没有任何效果。我怎样才能做到这一点？

【问题讨论】：

标签： file-upload jsf-2 primefaces label

【解决方案1】：

在当前的 PrimeFaces 3.x 版本中不可能。只有当您使用mode="advanced" 而不是mode="simple" 时才有可能。

至于您尝试使用label 属性，该属性仅用作与输入组件关联的验证错误消息中的标签。通过您的 label="Browse" 尝试，如果出现 required="true" 验证错误，消息将显示为“需要浏览”而不是“需要 formId:inputId”。

更新：自 PrimeFaces 5.x 起，您可以添加 skinSimple="true" 以赋予 mode="simple" 所需的皮肤/look'n'feel 作为余数。此外，label 实际上将用作按钮标签。另请参阅showcase。

<p:fileUpload label="Browse" ... mode="simple" skinSimple="true" />

【讨论】：

【解决方案2】：

我使用的是 PrimeFaces 5.0，可以在高级模式下更改默认名称：选择 - 上传 - 取消您可以使用：label=""uploadLabel=""cancelLabel="" 来设置您的自定义名称。

实现在这里：http://www.primefaces.org/showcase/ui/file/upload/single.xhtml

【讨论】：

【解决方案3】：

看看这个答案https://stackoverflow.com/a/18909078。我们在我们的网站上遇到了类似的问题，我们计划仔细研究一下 Bootstrap 文件样式插件http://markusslima.github.io/bootstrap-filestyle/。

【讨论】：