jsonで受け取ったファイル名を使ってURLに組み込みたい

Question

Laravelでjqueryを使ってIMGの要素を書き換えたいのですが
jsonで受け取ったファイル名をURLにうまく組み込めず困っています

クォーテーションなどの区切り方がよくわかりませんので、教えてください。

//表現したいURL
$("#player").children("img").attr("src", "{{ asset('/img/aaa.png') }}")

これを

json['img_file']

を組み込んだ形で以下のようにしたのですが、

//試してみたコード
$("#player").children("img").attr("src", "{{ asset('img/" + json['img_file'] + "') }}")

json['img_file']自体は
alert(json['img_file'])
で
アラートでは
aaa.png
と表示されますので取得などは問題ないとおもいます。

よろしくおねがいします

Comments

[sfdust]

質問の「表現したいコード」と「試してみたコード」で
"{{ asset('/img/
と
"{{ asset('img/
となっている（imgの前のスラッシュの有無）のですが、
どちらが期待する表現なのでしょうか？

[creative_09]

表現したいほうのスラッシュがありのほうでよろしくお願い致します

Answer 1

PHPの関数をJavaScriptで使うことはできません
({{ asset('img/" + json['img_file'] + "') }}の処理はPHPで処理するのでJavaScript側のjson変数は使えません。

var imgUrl = "{{ asset('img/') }}";
$("#player").children("img").attr("src", imgUrl + json['img_file'])

こんなで{{ asset('img/') }}の値をJavaScriptの変数に入れてやるとかになります。

Comments

[creative_09]

ありがとうございます。
なるほど。このようにするんですね。
試したのちにまた書き込みします！

[creative_09]

ありがとうございます。
結果的に出来ました！
普通にみると{{ asset('img/') }}の外にファイル名を追加するようにみえちゃっていましたが、確認後URLをみてみるとちゃんと表示されていました。