<h：graphicImage>优于<img>

Question

对于JSF2，使用<h:graphiImage>与正常<img>（就性能而言，例如解析/呈现时间，可能的http缓存（如果有）等）的优点是什么？

Answer 1

您没有在<img>元素上获得server-sideattributes。

Answer 2

没有安全和简单的方法来设置src属性的绝对路径。这很重要，因为您可能会从驻留在不同目录中的多个页面引用相同的图像。你想要保持相对位置的麻烦吗？当然，您可以使用<img src="#{resource['images:myImage.png']}"/>来获得安全的绝对路径。难道使用<h:graphicImage name="myImage.png" library="images"/>更简单吗？

什么是“安全”绝对路径？

您可以将您的图像保留在通常的资源文件夹之外，并将它们指定为绝对路径，例如：<img src="/myApp-web/faces/images/myImage.png"/>，那就行了。但是，当你想部署你的应用程序会发生什么？你想让你的网址像http://www.mysite.com/faces/myPage.xhtml？当然不是。您想要将上下文根设置为服务器根目录。但是，您不希望为生产部署更改所有img标记，也不希望发生一些涉及从应用程序范围的bean获取基本URL的黑客攻击，并希望您记得更改生产部署的属性。所以你最好还是使用<img src="#{resource['images:myImage.png']}"/>或者更容易记住<h:graphicImage name="myImage.png" library="images"/>。