Невозможно установить переменную Js в img src

Question

Я пытаюсь установить некоторый html-контент, созданный в javascript в конкретном div.

Я пытаюсь ниже код -

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 в качестве переменной лезвия. Обновление это следующим образом:

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); 

Это произведет http://localhost:8000/ от {{asset("")}}, а затем, когда браузер загружает будет добавить переменную JS в URL.