img srcにJs変数を設定できません

Question

javascriptで作成したhtmlコンテンツを特定のdivに設定しようとしています。その直接値の代わりに変数名を印刷し、私がしようとしている2番目のログでは

var imgPath = data.destPath+data.fileName; 
console.log(imgPath); // assets/users/Digvj_2_1480977246_tmp.png 

var str = '<img src="{{asset('+imgPath+')}}" width="500" id="image_cropbox"><br><span style="font-style: italic; font-size: 13px"><small>Select The Required Area To Crop Image.</small></span>'; 
console.log(str);  // src= "http://localhost:8000/+imgPath+" 

$('#user_profile_img').html(str); 

を -

私はコードの下にしようとしています。

ここで私が紛失しているものを特定できません。

Answer 1

Bladeは、応答がクライアントに到達する前、つまりJavaScriptが実行されているときにビューを生成します。 javascriptで定義している変数をブレード変数として使用しようとしています。これは{{asset("")}}からhttp://localhost:8000/を生成し、ブラウザがロードされたときに、それがURLにあなたのjsの変数を追加します

var imgPath = data.destPath+data.fileName; 
console.log(imgPath); // assets/users/Digvj_2_1480977246_tmp.png 

var str = '<img src="{{asset("")}}'+imgPath+'" width="500" id="image_cropbox"><br><span style="font-style: italic; font-size: 13px"><small>Select The Required Area To Crop Image.</small></span>'; 
console.log(str);  // src= "http://localhost:8000/+imgPath+" 

$('#user_profile_img').html(str); 

：このようにそれを更新します。ポストに逃した