Question

我有一点问题，我想知道是否有可能在JSF 2.2.3中解决它我使用相对较新的inputFile标签，它可以正常工作：

<h:form enctype="multipart/form-data">
                    <h:inputFile id="auctionImage" value="#{auctionBean.image}"/>
                    <h:commandButton value="Add">
                        <f:ajax execute="auctionImage" render="images"/>
                    </h:commandButton>
                    <h:panelGroup id="images">
                        <ui:repeat value="#{auctionBean.productImages}" var="oneImage">
                            <h:graphicImage value="/image/#{oneImage.url}" width="200" height="171" />
                        </ui:repeat>
                    </h:panelGroup>
                </h:form>

我想在网站上显示每个提交的img，并有一个主要的sumbit按钮一次提交所有。它工作正常。问题是我有三个按钮来浏览图像，提交图像和提交所有图像。在探索器窗口中单击“确定”后是否可以提交它？

Answer 1

在尝试使用javascript后的一天之后，我意识到通过ajax标签实现它非常简单。

            <h:form class="imageForm" enctype="multipart/form-data">
                <div class="browseButton"><span class="browseString">BROWSE...</span>
                    <h:inputFile id="auctionImage" value="#{auctionBean.image}"> 
                        <f:ajax execute="auctionImage" render=":mainForm:repeatImages"/>
                    </h:inputFile>
                </div>
            </h:form>

是的，就是这样。

PS我使用了包装div和不透明技巧来改变标准的html 5外观。

jsf上传文件立即上传

1 个答案: