RichFaces inputtext 调用文件上传

Question

我有一个 h:inputText 和一个 rich:fileUpload。我希望 inputText 在单击时调用 fileUpload。我该怎么做呢？现在，我有这个：

<h:inputText id="uploadName" maxlength="255" value="#{bean.fileName}" required="false"
                                    onclick="INVOKE FILEUPLOAD"
                                    >
                                        </h:inputText>                                  
                                        <rich:fileUpload id="uploadFile" addControlLabel="Upload"
                                            fileUploadListener="#{bean.fileUploadListener}"
                                            uploadData="#{bean.data}"
                                            listWidth="100px" listHeight="0px" maxFilesQuantity="1"
                                            immediateUpload="true" acceptedTypes="xml" allowFlash="false"
                                            status="eventQueueFileUpload">

                                        </rich:fileUpload>

本质上，我希望 inputText 和 fileUpload 具有相同的功能，我只想在 inputText 中显示文件名。

感谢您的帮助

Answer 1

您不能强制浏览器触发文件上传。您可以做的是使用 CSS 技巧将文件输入置于文本输入之上并使其透明。然后看起来你有一个输入字段（注意你甚至不需要它是一个文本输入；它可以只是一个<span>，因为你需要表单来包含文件中的参数值无论如何都要自己输入）。

在体面的浏览器上实现这一点并不难，但对 IE 来说可能是个小麻烦。 IE7 允许人们在文件输入中键入，这可能是您不想要的。在任何地方单击输入时，其他所有内容都会启动文件浏览器对话框。