Question

在我的JSF 2.0 - 我使用的Primefaces应用程序中我不想拥有

进度条
上传按钮
取消按钮显示在所选图像附近（一旦选择图像）

另一个问题是'fileLimit'我想将它设置为1但是当我这样做时它会说无效属性。

这是我的代码：

<p:fileUpload id="related_image" fileUploadListener="#{fileUploadController.handleFileUpload}"  
        mode="advance"  
        auto="false" 
        showButtons="false"
        sizeLimit="100000"
        fileLimit ="1"
        allowTypes="/(\.|\/)(gif|jpe?g|png)$/"
        style="width: 310px"/>

Answer 1

基本上你要做的就是找出正确的 css 选择器并用display:none;设置它们（把它们放在你的.css文件中并用{{1}包含它}）

一般情况下（在css中你需要使用<h:outputStylesheet Handling a colon in an element ID in a CSS selector来逃避冒号，而在jquery中你应该使用\3a）

\\:

其中some_prefix_id可能是某种形式的id或某些命名容器ID，

或（有时在 your_file_upload_component_id 之前没有前缀）

#some_prefix_id\3a your_file_upload_component_id .someClass{
    display:none;
}

虽然，INMO，最好的方法是为你的表单分配一个id并在css中使用这个选择器：

#your_file_upload_component_id .someClass{
    display:none;
}

现在确切选择......

所以要删除上传按钮

#your_form_id .someClass{
    display:none;
}

或者如果你想用jquery做同样的事情

#related_image .start{
    display:none;
}

删除显示在所选图像旁边的取消按钮（选择图像后）

$("#related_image .start").hide();

或者如果你想用jquery做同样的事情

#related_image .cancel{
    display:none;
}

删除进度条

$("#related_image .cancel").hide();

或者如果你想用jquery做同样的事情

#related_image .progress{
    display:none;
}

如果需要，您可以在primefaces展示上测试jquery方法，只需将$("#related_image .progress").hide();替换为#related_image，例如#j_idt19\\:j_idt20

没有$("#j_idt19\\:j_idt20 .start").hide();这样的属性来查看Tag fileUpload

如何从<p：fileupload> </p：fileupload>中删除上传取消按钮

1 个答案: