javascript - Javascript を使用した実行時の symfony とアセットの使用

Question

公式のSymfony2 docsで説明されているように、Twig テンプレートでは、次のようにアセットにリンクできます。

<img src="{{ asset('images/logo.png') }}" alt="My logo" />

これにより、リソースへの正しいパスがレンダリングさlogo.pngれます (Symfony2 アプリが存在するフォルダーによって異なります)。

さて、実行時に (たとえば、オートコンプリートの結果として) 画像をロードする必要がある Javascript コードを使用すると仮定すると、Twig の関数によって提供されるのと同じ結果を Javascript でどのように達成できるassetでしょうか?

いくつかの注意:

FOSJsRoutingBundleのようなものが存在するかもしれませんが、私は本当にそれを無視します!
logo.pngファイルなどの既知のリソースのパスを生成し、変数の文字列を空の文字<script>var known = {{asset('images/logo.png)')}}</script>列に置き換えてパスを取得するという汚い方法が考えられます。しかし、それは汚い方法です！knownimages/logo.png

score 4 · Accepted Answer

関数からファイル名を削除するだけでasset、ディレクトリへの絶対パスを取得できます。

<script>
    var imgDir = {{ asset('images/') }}
</script>

score 1 · Accepted Answer

jsファイルから画像へのパスは不変のままである可能性が非常に高いです。これにより、javascriptファイルで「ハードコードされた」パスを使用できるようになります。

例：

web
 |
 |--js
 |   |
 |   |--foo.js
 |
 |--images
 |   |
 |   |--pic.jpg

この場合、foo.jsからpic.jpgにアクセスできます../images/pic.jpg 。小枝ビューでは相対アセットURLがルートURLに依存するため、このソリューションは小枝ビューでは機能しないことに注意してください。これが、この関数が必要な理由ですasset。

score 0 · Accepted Answer

Twig は HTML だけでなく JS ファイルもレンダリングできます。必要なすべてのスクリプトを含む JS ファイルを返す Twig テンプレートを作成できます。その後、このスクリプトファイルで Twig のすべての機能を使用できます。

3 に答える 3