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>

送信されたすべての画像をウェブサイトに表示し、それらを一度に送信するためのメインの送信ボタンを 1 つ用意したいと考えています。それは正常に動作します。問題は、画像の参照、画像の送信、およびすべての画像の送信の 3 つのボタンがあることです。エクスプローラーウィンドウでOKをクリックした後、送信することはできますか？

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 に答える