3

このスクリプトを実行して開くhttp://my_server/pictureと、代わりに文字列の画像がlogo表示されます。

#!/usr/local/bin/perl
use warnings;
use 5.014;
use Mojolicious::Lite;

get '/picture' => sub {
    shift->render();
};

app->start;

__DATA__
@@ picture.html.ep
<!DOCTYPE HTML>
<html>
<body>
<p>Hello</p>
<img src="/absolute/path/TEST.jpg" alt="logo" />
<p>World</p>
</body>
</html>

この HTML ピースを通常の HTML ファイルとして開くと、画像が表示されます。

Mojolicious::Lite で画像を挿入する正しい方法は何ですか?

4

2 に答える 2

5

ディレクトリはpublic静的データ用です。スクリプトの横に作成し、画像を配置するだけです。デフォルト設定の開発サーバーが実行されている場合、次の URL でアクセスできます。

http://localhost:3000/TEST.jpg

したがって、テンプレートには以下を含めることができます。

<img src="/TEST.jpg" />
于 2011-08-23T15:56:08.890 に答える
0

または、以下を使用できます: Base64 でエンコードされた DATA ファイル:

...
__DATA__
@@ picture.html.ep
<!DOCTYPE HTML>
<html>
<body>
<p>Hello</p>
<img src="/absolute/path/TEST.jpg" alt="logo" />
<p>World</p>
</body>
</html>

@@ TEST.jpg (base64)
/9j/4AAQSkZJRgABAQEAZABkAAD/2wBDAAEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEB
AQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQH/2wBDAQEBAQEBAQEBAQEBAQEBAQEBAQEB
AQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQH/wAARCAD6APoDASIA
...
于 2014-10-03T10:31:19.173 に答える