css - 如何从 中删除上传取消按钮

Question

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

1. 进度条
2. 上传按钮
3. 取消按钮它显示在所选图像的旁边(一旦选择了图像)

另一个问题是“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 文件中并包含在 <h:outputStylesheet 中)

通常(在 css 中你需要使用 \3a Handling a colon in an element ID in a CSS selector 转义 冒号，而在 jquery 中你应该使用 \\: )

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

where the some_prefix_id might be some form id or some naming container id ,

或者(有时 your_file_upload_component_id 之前没有前缀)

#your_file_upload_component_id .someClass{
    display:none;
}

虽然 INMO，但最好的方法是为您的表单分配一个 id 并在 css 中使用此选择器:

#your_form_id .someClass{
    display:none;
}

现在到确切的选择器...

所以删除上传按钮

#related_image .start{
    display:none;
}

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

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

删除显示在所选图像旁边的取消按钮(一旦图像被选中)

#related_image .cancel{
    display:none;
}

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

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

去除进度条

#related_image .progress{
    display:none;
}

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

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

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

---

没有fileLimit这样的属性看看 Tag fileUpload