Playフレームワークを使用して、ビューページに画像friend_request.png
を表示しようとしています。私はあなたが静止画像を含めたいと仮定して、あなたがScalaの話をしていることから、私はあなたがプレイフレームワーク2を使用していると仮定しビューフレームでPlayフレームワークとScalaを使用して画像を表示する方法
<img [email protected]("images/friend_request.png") width="28" height="22" />
Playフレームワークを使用して、ビューページに画像friend_request.png
を表示しようとしています。私はあなたが静止画像を含めたいと仮定して、あなたがScalaの話をしていることから、私はあなたがプレイフレームワーク2を使用していると仮定しビューフレームでPlayフレームワークとScalaを使用して画像を表示する方法
<img [email protected]("images/friend_request.png") width="28" height="22" />
:
は、これは私のコードですが、画像が表示されていません
標準プロジェクトレイアウトのイメージの適切な場所はpublic/images/friend_request.png
です。 あなたはその後、画像を参照することができます。
<img src="@routes.Assets.at("images/friend_request.png")" width="28" height="22" />
の資産についての詳細(キャッシュ時間等)については、Play Framework documentationを参照してください。
thanx..for the answr ..そして別の質問 データベースからの画像パスとビューページでの表示が可能です –
@ user2400597データベースに保存した画像を表示したいですか?コントローラーを作成して(データを読み込んで返し、正しいMIMEタイプを気にしてください)、ルートを追加してください。その後、逆引きルータを使用してそれらを埋め込みます(たとえば、@ routes.Images.display)。 – Skyr
Skyr's answer私のPlay(2.4.2)バージョンでは機能しません。それは、次のコンパイルエラーもたらし使用:documentationを相談した後
value at is not a member of controllers.ReverseAssets
を、これは私の作品:
yourImage.png
は
public/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)
ドゥ'public/images'に画像がありますか? – maba