scala - 如何在视图页面中使用 Play 框架和 Scala 显示图像

Question

使用 Play 框架，我试图friend_request.png在视图页面中显示图像。

这是我的代码，但图像未显示：

<img src=@("images/friend_request.png") width="28" height="22" />

Answer 1

我假设您想要包含静态图像，并且由于您在谈论 Scala，因此我假设您正在使用 Play Framework 2。

图像在标准项目布局中的适当位置应该是public/images/friend_request.png. 然后，您可以参考图像：

<img src="@routes.Assets.at("images/friend_request.png")" width="28" height="22" />

有关资产（缓存时间等）的更多信息，请参阅Play Framework 文档。

Answer 2

Skyr 的回答不适用于我的 Play 版本（2.4.2）。使用它会产生以下编译错误：

值at不是 controllers.ReverseAssets 的成员

查阅文档后，这对我有用：

<img src="@routes.Assets.versioned("images/yourImage.png")">

yourImage.png在哪里public/images。

---

如果您想通过缓存和压缩图像（以及 Web 应用程序的所有其他资产）来加速页面加载，请尝试以下操作：

确保您plugins.sbt包含以下条目：

addSbtPlugin("com.typesafe.sbt" % "sbt-rjs" % "1.0.7")
addSbtPlugin("com.typesafe.sbt" % "sbt-digest" % "1.1.0")
addSbtPlugin("com.typesafe.sbt" % "sbt-gzip" % "1.0.0")

然后，在您的 中build.sbt，添加以下内容：

// Apply RequireJS optimizations, create a checksum, and zip each asset
pipelineStages := Seq(rjs, digest, gzip)