Come visualizzare le immagini utilizzando Play framework e Scala nella vista della pagina

Question

Utilizzando il framework Play, sto cercando di mostrare l'immagine friend_request.png nella pagina di visualizzazione.

Questo è il mio codice, ma l'immagine non viene visualizzata:

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

Answer 1

Presumo che si desidera includere un'immagine statica, e dal momento che si sta parlando di Scala, presumo che si sta utilizzando Giocare Framework 2

La posizione appropriata dell'immagine nella struttura standard del progetto deve essere public/images/friend_request.png. È quindi possibile fare riferimento all'immagine:

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

Per ulteriori informazioni sulle attività (tempo di caching, ecc), si prega di fare riferimento al Play Framework documentation.

Answer 2

Skyr's answer non funziona per la mia versione di Play (2.4.2). Utilizzando produce il seguente errore di compilazione:

value at is not a member of controllers.ReverseAssets

Dopo aver consultato il documentation, questo funziona per me:

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

dove yourImage.png è in public/images.

---

Se si vuole accelerare il caricamento della pagina tramite il caching e la compressione delle immagini (e tutte le altre attività della tua web app), provate questo:

Assicurarsi che il plugins.sbt contiene queste voci:

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") 

Poi, nel vostro build.sbt, aggiungere questo:

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