0

rich:fileUpload コントロールを使用してファイルをアップロードしようとしていますが、うまくアップロードできました。ここで直面している唯一の問題は、ファイル アップロード コントロールのアップロード ボタンをクリックすると、ページが送信されることです。これを回避しようとしています。

私がやろうとしているのは、アップロード ボタンがクリックされるとすぐに、必要なバックエンド操作を行うリスナーが呼び出されることです。そして、画像が表示されるセクションが更新されます。すべて正常に動作していますが、AJAX 経由でファイルをアップロードしたいと考えています。

Richfaces 4.1 を使用しています

<rich:fileUpload addLabel="Add photo" clearAllLabel="Clear All" clearLabel="Clear"
    deleteLabel="Remove" doneLabel="Upload successful!"
    uploadLabel="Upload profile pic"
    fileUploadListener="#{studentProfile.fileUploadListener}"
    acceptedTypes="jpg, gif, png, bmp" noDuplicate="true" immediateUpload="false">
    <!-- <a4j:ajax event="uploadcomplete" render="validationButton"/> -->
    <!-- <a4j:ajax event="clear" listener="#{uploadBean.doClearFilesList}" render="validationButton"/> -->
            <a4j:ajax event="uploadcomplete" render="profilepic" immediate="true" />
</rich:fileUpload>



<a4j:outputPanel ajaxRendered="true" id="profilepic">
        <rich:panel header="Profile Picture" style="width: 100px;height: 100px">
    <h:graphicImage url="#{studentProfile.profilePictureURL}" width="100" height="100" />
        </rich:panel>
</a4j:outputPanel>
4

1 に答える 1

0

h:commandlink を使用して iframe 名をターゲットにし、次に on<click アクションで URL を返す文字列メソッドを呼び出す リッチ フェイス ページもこれにより、メイン ページではなくリッチ フェイス ページのみをリロードします....

于 2020-07-31T13:00:25.267 に答える