2013-05-30 37 views
6

Playフレームワークを使用して、ビューページに画像friend_request.pngを表示しようとしています。私はあなたが静止画像を含めたいと仮定して、あなたがScalaの話をしていることから、私はあなたがプレイフレームワーク2を使用していると仮定しビューフレームでPlayフレームワークとScalaを使用して画像を表示する方法

<img [email protected]("images/friend_request.png") width="28" height="22" /> 
+0

ドゥ'public/images'に画像がありますか? – maba

答えて

9

は、これは私のコードですが、画像が表示されていません

標準プロジェクトレイアウトのイメージの適切な場所はpublic/images/friend_request.pngです。 あなたはその後、画像を参照することができます。

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

の資産についての詳細(キャッシュ時間等)については、Play Framework documentationを参照してください。

+0

thanx..for the answr ..そして別の質問 データベースからの画像パスとビューページでの表示が可能です –

+0

@ user2400597データベースに保存した画像を表示したいですか?コントローラーを作成して(データを読み込んで返し、正しいMIMEタイプを気にしてください)、ルートを追加してください。その後、逆引きルータを使用してそれらを埋め込みます(たとえば、@ routes.Images.display)。 – Skyr

3

Skyr's answer私のPlay(2.4.2)バージョンでは機能しません。それは、次のコンパイルエラーもたらし使用:documentationを相談した後

value at is not a member of controllers.ReverseAssets

を、これは私の作品:

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


あなたはキャッシュを経由してページの読み込みを高速化したいとあなたのイメージ(とあなたのWebアプリケーションの他のすべての資産)を圧縮する場合は、これを試してみてください。

は、あなたのplugins.sbtは、これらのエントリが含まれていることを確認してください:

あなたの build.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") 

、これを追加します。

// Apply RequireJS optimizations, create a checksum, and zip each asset 
pipelineStages := Seq(rjs, digest, gzip) 
関連する問題