1

我有一个小问题，我想知道是否可以在 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 按钮来一次提交它们。它工作正常。问题是我有三个按钮来浏览图像、提交图像和提交所有图像。在浏览器窗口中单击确定后是否可以提交？

4

1 回答 1

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 外观。

于 2013-09-16T18:23:06.943 回答