問題タブ [graphicimage]

String パラメータに応じていくつかの画像を表示しようとしています。

私は、Java、Jboss、JSF、primefaces を使用しています。画像は次の場所にあります: ...Desktop\wildfly-10.0.0\bin\img\ ルートを使用します: アプリケーションに新しいレストランをロードするときに画像を保存するには クライアントがレストランを表示しているときに画像をロードするには.

私が使用しているコード：

ManagedBean

xhtml ページ:

メソッド loadImage は、デバッグすると正常に動作しますが (画像マップに正しい名前とパスを持つ別の画像を追加します)、Web ブラウザーでページを表示すると、常に同じ画像が表示されます。「要素の検査」オプションを使用して、詳細と画像が常に Web ブラウザーで同じ src を持っていることを確認します。

Bean メソッドが正しい値を返しているときに、なぜそれが起こるのかわかりません。

コードで使用される ManagedBeans には、セッション スコープがあります。すべてのスコープを使用し、いくつかの属性を使用しました: cache="false"、valueforname属性を変更しましたが、問題を解決できませんでした。どうもありがとう

画像をクリックしたときに基本的な<p:fileUpload>ボタン (ファイルを選択するためのパネルを表示するボタン) を起動する方法はありますか?

次のように使用して画像を表示<p:graphicImage>します。

以下のImageBeanようになります。

このservice.findImageById()メソッドは、byte[]指定された寸法に従って指定されたイメージのサイズを変更した後に取得した を返します。

これにより、指定された寸法に従ってサーバー側でサイズ変更された後に、サム イメージが表示されます。

<p:graphicImage>生成されたタグに割り当てられる画像 URL を動的に生成しますsrc。<img>これは次のようになります。

次のようなHTMLに対応させるために、サムネイル画像をクリックすると、新しいタブで元の画像を開くことはできますか?

JSF/PrimeFaces のコンテキストで of の値と動的にhref割り当てられる<a>方法は何ですか?href

を使用して、次のように 、 、およびの<o:graphicImage>3 つのパラメータで画像を表示します。idwidthheight

画像を取得する Bean:

によって生成される URL<o:graphicImage>は次のようになります。

これは、メソッド パラメーターとして指定されたターゲット型に変換できない間違った型のパラメーターが (おそらく悪意のあるユーザーによって) 試行されない限り、完全に正常に機能します。そのようなabc場合は、次の例外がスローされます。

これは、適切に構成されている場合、グローバル エラー ページにつながりますが、関連付けられたデータベースまたはディスク ファイル システムから画像を提供するアプリケーション プログラムに対して、例外が透過的であることを期待しています。

または、メソッド パラメータをデフォルト値のままにしておく必要があります。私の場合、heightとwidthはオプションであり、存在しない場合は、関連するデータベースの画像をサイズ変更やスケーリングせずにそのままレンダリングする必要があります。

ただし、heightand / or width(またはその他のパラメーター) が存在しない場合は、次のような例外が報告されます。

OmniFaces 2.3 ファイナルです。

したがって、次のようなものが必要です: href="#{storageAttachment.path}" -> http://C:/mypicture.pngを取得したため、これも正しくありません

これどうやってするの？いつも助けてくれてありがとう。

<p:dataTable>列の 1 つでレンダリング イメージが与えられます。

_{データ テーブルには、必要に応じて、一般的に使用される他の重要な属性と列を含めることができます。}

このテーブルが (Ajaxically) 更新されると、(デフォルト値である) にcache明示的に設定されていても、ブラウザによってまったくキャッシュされていないかのように、すべての画像がデータベース (または使用されている場合はディスク ファイル システム) から取得されます。trueこれは、以前は PrimeFaces 5.3 final でうまく機能していました。

移行ガイドにはそれについて何も記載されていませんが、キャッシングに関して何かが変更されたよう<p:graphicImage>です。

問題を解決するための提案はありますか?

<p:dataTable>上記の例では、たとえば、テーブルに 5 つの行に 5 つの画像が含まれている場合、 (現在の行にデフォルト設定されるインライン行編集を除く)に対して行われる更新ごとに、データベースは 10 回クエリされます。特にデータベースからの画像は非常にコストがかかります。

PrimeFaces 6.0 final (WildFly 10.0.0 final で実行) を使用するリクエスト/レスポンス ヘッダー。最初のリクエストがサーバーに画像を提供するときに行われます (機能しません - 画像はキャッシュされません)。

PrimeFaces 5.3 final (GlassFish 4.1 で実行) を使用するリクエスト/レスポンス ヘッダー。最初のリクエストがサーバーに画像を提供するときに行われます (意図したとおりに機能します - 画像はキャッシュされます)。

PrimeFaces 5.3を使用して PNG 画像をアップロードしていますが、データベースに保存する前に<p:fileUpload>プレビューを表示したいと考えています。<p:graphicImage>

MCVE は次のとおりです。

バッキング Bean でエラーは発生せず、イメージはロードされず、フロントエンドで表示されません。クライアントは、画像が 404 not found エラーを返したと述べています。