web-dev-qa-db-ja.com

p：dataTable内のStreamedContentでp：graphicImageを使用する方法

PrimeFacesデータテーブルを使用して、データベースから画像を動的にロードしたい。 このPFフォーラムトピック に基づくコードは次のようになります。

<p:dataTable id="tablaInventario" var="inv" value="#{registrarPedidoController.inventarioList}" paginator="true" rows="10"
    selection="#{registrarPedidoController.inventarioSelected}" selectionMode="single"                                     
    update="tablaInventario tablaDetalle total totalDesc" dblClickSelect="false" paginatorPosition="bottom">
    <p:column sortBy="producto.codigo" filterBy="producto.codigo">
        <f:facet name="header">#{msg.codigo}</f:facet>
        #{inv.producto.codProducto}
    </p:column>                            
    <p:column>
        <f:facet name="header">Foto</f:facet>
        <p:graphicImage id="photo" value="#{registrarPedidoController.streamedImageById}" cache="FALSE">
            <f:param name="inv" value="#{inv.id}" />
        </p:graphicImage>                                
    </p:column>
</p:dataTable>

と

public StreamedContent getStreamedImageById() {
    DefaultStreamedContent image = null;
    String get = FacesContext.getCurrentInstance().getExternalContext().getRequestParameterMap().get("inv");
    System.out.println("[Param]: " + get); // This prints null.
    Long id = new Long(get);
    List<Inventario> listInventarios = controladorRegistrarPedido.listInventarios();

    for (Inventario i : listInventarios) {
        if (i.getId().compareTo(id) == 0) {
            byte[] foto = i.getProducto().getFoto();
            image = new DefaultStreamedContent(new ByteArrayInputStream(foto), "image/png");
        }
    }

    return image;
}

しかし、私はそれを機能させることができません。パラメータがバッキングBeanに「null」を渡している。これはどのように引き起こされ、どうすれば解決できますか？

Netbeans 6.9.1、JSF 2.0、Primefaces 2.2.RC2を使用しています。

私はBalusCの最初のソリューションを使い続けましたが、うまくいきましたが、画像がUIでレンダリングされていません。 Glassfishがスローしている例外：

WARNING: StandardWrapperValve[Faces Servlet]: PWC1406: Servlet.service() for servlet Faces Servlet threw exception
Java.lang.NullPointerException
        at com.Sun.faces.mgbean.BeanManager$ScopeManager$ViewScopeHandler.isInScope(BeanManager.Java:552)

よく私はBalusCのおかげで仕事を始めているようです。 getStreamedImageIdの管理には、RequestScoped、SessionScoped、またはApplicationScopedを使用しました。ただし、UIでは常にデフォルトの画像（nullの場合）が設定され、期待どおりに各行に対応する画像は設定されません。新しいコードは次のとおりです。

public StreamedContent streamedById(Long id) {
    DefaultStreamedContent image = null;

    System.out.println("[ID inventario]: " + id);

    List<Inventario> listInventarios = controladorRegistrarPedido.listInventarios();
    for (Inventario i : listInventarios) {
        if (i.getId().equals(id)) {
            byte[] foto = i.getProducto().getFoto();
            if (foto != null) {
                System.out.println("   [Foto]: " + foto);
                image = new DefaultStreamedContent(new ByteArrayInputStream(foto), "image/png");
                break;
            }
        }


    }
    if (image == null) {
        System.out.println("       [Image null]");
        byte[] foto = listInventarios.get(0).getProducto().getFoto();
        image = new DefaultStreamedContent(new ByteArrayInputStream(foto), "image/png");
    }

    System.out.println("   [Foto Streamed]: " + image);

    return image;

}
imagejsfjsf-2datatableprimefaces
12
Santiago Agüero

_<p:graphicImage>_は、getterメソッドを2回呼び出します。最初は、_<img>_要素がHTMLにレンダリングされるため、src属性にURLが必要です。 new DefaultStreamedContent()を返すだけの場合、src属性に正しいURLが自動生成されます。 2回目は、ブラウザーが実際に画像を要求するときです。これが、実際の画像を返す必要があるときです。

したがって、ゲッターメソッドは基本的に次のようになります。

_public StreamedContent getStreamedImageById() {
    FacesContext context = FacesContext.getCurrentInstance();

    if (context.getCurrentPhaseId() == PhaseId.RENDER_RESPONSE) {
        // So, we're rendering the view. Return a stub StreamedContent so that it will generate right URL.
        return new DefaultStreamedContent();
    }
    else {
        // So, browser is requesting the image. Get ID value from actual request param.
        String id = context.getExternalContext().getRequestParameterMap().get("id");
        Image image = service.find(Long.valueOf(id));
        return new DefaultStreamedContent(new ByteArrayInputStream(image.getBytes()));
    }
}
_
33
BalusC

画像をhibernateで保存すると、画像はbyte []としてデータベースに保存されます。 _<p:fileUpload_...タグを使用して画像をアップロードし、Hibernateを使用して他のデータ値とともに画像を保存しました。

2ページ目では、テーブルデータ全体（もちろん画像付き）を使用して表示しています

_<p:dataTable  var="data" value="#{three.all}" ....
_

動的画像を使用して

_<p:graphicImage   alt="image"  value="#{three.getImage(data)}" cache="false"  >
                <f:param id="image_id" name="image_id" value="#{data.number}" />
</p:graphicImage></p:dataTable>
_

ここで「3」はバッキングビーンの名前です。メソッドgetAll()では、テーブルからhibernateを介してデータを取得しています。同じメソッドで、_HashMap<Integer, byte[]>_を作成しました。 HashMapはBeanのインスタンス変数であり、BeanはSessionScopedです。 images（_byte[]_形式）を整数のimage_idとともに配置しています。

コード：

_    for (int i=0; i<utlst.size(); i++ ){
             images.put(utlst.get(i).getNumber(), utlst.get(i).getImage());}
//utlst is the object retrieved from database. number is user-id.
_

ビューgetImage.xhtmlでは、<p:graphicImage alt="image" value="#{three.getImage(data)}" cache="false" >メソッド_getImage(data /*I am passing current object of the list which is being iterated by__*/ )_を呼び出します

getImageのコード：

_public StreamedContent getImage(Util ut) throws IOException {
       //Util is the pojo

          String image_id = FacesContext.getCurrentInstance().getExternalContext().getRequestParameterMap().get("image_id");
          System.out.println("image_id: " + image_id);

          if (image_id == null) {

                defaultImage=new DefaultStreamedContent(FacesContext.getCurrentInstance().getExternalContext().getResourceAsStream("/Capture.PNG"), "image/png");

            return defaultImage; 
        }


         image= new DefaultStreamedContent(new ByteArrayInputStream(images.get(Integer.valueOf(image_id))), "image/png");

        return image;
    }
_

セッションのHashMapにIDを含む動的画像を保持するだけで、正しくストリーミングされます。

おかげでよろしく、Zeeshan

3
Muhammad Zeeshan

PrimeFaces 3.2では、バグはまだ存在しています。私は回避策を行います

<p:graphicImage value="#{company.charting}">
    <f:param id="a" name="a" value="#{cc.attrs.a}" />
    <f:param id="b" name="b" value="#{cc.attrs.b}" />
</p:graphicImage>

そして

ExternalContext externalContext = FacesContext.getCurrentInstance().getExternalContext();
String a= externalContext.getRequestParameterMap().get("a");
String b= externalContext.getRequestParameterMap().get("b");

しかし、これでも豆は2回呼び出されます。しかし、2番目の呼び出し変数では、a + bが入力されます;-)

くそバグ

2
xyx