如何在 xp:fileUpload 控件上隐藏“未选择文件”文本？答案

【问题标题】：How to hide "No file chosen" text on xp:fileUpload control?如何在 xp:fileUpload 控件上隐藏“未选择文件”文本？
【发布时间】：2012-11-14 02:19:05
【问题描述】：

如何删除/隐藏文件上传按钮旁边的“未选择文件”文本？

我的文件上传控件的代码：

                        <xp:fileUpload id="fileUpload1"
                            value="#{document1.Picture}"
                            rendered="#{javascript:document1.isEditable()}"
                            mimetype="image/jpeg" useUploadname="true"
                            accept="image/jpeg,image/gif,image/png">
                            <xp:eventHandler event="onchange"
                                submit="true" refreshMode="complete"
                                disableValidators="true">
                            </xp:eventHandler>
                        </xp:fileUpload>

【问题讨论】：

你能贴出完整的代码吗？我不确定是否是文件上传控件生成了此消息。
我怀疑这是否与 XPages 有关。它实际上是谷歌浏览器将input 与type 渲染为file。在 IE 的情况下，它会以不同的方式呈现它。这个discussion 试图删除“未选择文件”的弹出消息，可能会给你一些想法。您还可以在问题中添加“html”标签。
感谢您的想法...我找到了一个“足够好”的技巧...我在 xp:fileUpload 上设置了 style="width:85px"
@PaulDella-Nebbia 我来寻找“隐藏”并找到事件处理程序作为奖励！现在两者都用。谢谢！

标签： xpages

【解决方案1】：

使用这个答案，它基本上创建了一个隐藏底层输入文件按钮的样式跨度：https://stackoverflow.com/a/9164004/785061

【讨论】：

在 xp:fileUpload 上添加 style="width:85px" 对我有用……有点小技巧。

【解决方案2】：

仅适用于 Chrome：只需将文件上传控件的宽度自动设置为 40%，“未选择文件”文本将消失

【讨论】：