jsf graphicimage标签无法正常工作

时间:2015-10-17 16:43:46

标签: jsf jsf-2 primefaces

我正在使用Primefaces 5.2,我需要在我的网页上显示一些图像。 我正在使用primefaces中的GraphicImage标签,在name属性中我传递了图像的完整路径,但网页上没有显示任何内容,当我检查生成的html页面的源代码时,有RES NOT FOUND值在img标签的source属性上。

这是我的代码

<?xml version="1.0" encoding="ISO-8859-1" ?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"  "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"
xmlns:ui="http://java.sun.com/jsf/facelets"
xmlns:h="http://java.sun.com/jsf/html"
xmlns:f="http://java.sun.com/jsf/core"
xmlns:p="http://primefaces.org/ui">
<h:head>
<title>Add your Experience</title>
<meta name="viewport" content="width=device-width, initial-scale=1" />
</h:head>
<body>
<div class="container">
        <p:contentFlow value="#{testBean.images}" var="image">
            <p:graphicImage name="C:/Users/Singh/Desktop/Photos/#{image}"
                styleClass="content" />
            <div class="caption">#{image}</div>
        </p:contentFlow>
        <p:graphicImage name="image/bg.jpg" />
        <h:graphicImage name="C:/Users/Singh/Desktop/Photos/abh.jpg"></h:graphicImage>
    </h:form>
</div>
</body>
</html>

1 个答案:

答案 0 :(得分:0)

您选择了错误的属性,指定必须选择url属性

的链接
<p:graphicImage url="image/bg.jpg" />
<h:graphicImage url="C:/Users/Singh/Desktop/Photos/abh.jpg"></h:graphicImage>

对于属性name,在JSF 2.x中,您可以通过“资源库”概念在图像上方渲染,方法是在项目中的resources下添加webapp文件夹,然后在您需要在images下添加resources文件夹并在此文件夹中添加图片。

代码就是这样:

<h:graphicImage library="images" name="bg.jpg" />