如何隐藏使用<p：fileupload>上载的文件的名称

Question

使用p:fileUpload上传图片后，您好了，它会显示此文件的名称，如Screenshot所示。

我的问题是如何在点击BillGates.JPG后隐藏名称Choose Background。 - ＆GT;所以，我希望点击Choose Background后点击Register此NewScreenchot而不是第一个file upload component。 以下是选择图片的<p:fileUpload id="bck" value="#{connectedUserBean.file}" allowTypes="/(\.|\/)(gif|jpe?g|png)$/" label="Choose Background" mode="simple" skinSimple="true" auto="true"/>：

button

保存它的<p:commandButton value="Register" update="ee" ajax="false" style="width: 100px;height: 30px;font-size: 13px;background-color: #ff66d9;" actionListener="#{connectedUserBean.upload}"/> 是：

{{1}}

请你解决这个问题。非常感谢。

Answer 1

只需将其添加到您的css文件中：

.ui-fileupload-filename {
    display: none;
}