javascript img src path +变量连接

Question

我似乎无法正确地逃避JS变量来显示图像（用户头像）。 正确的方法是什么？ 我需要帮助的人。

 $.each(obj, function() { result = result + "<img class='user-pic' alt='' src="'assets/global/img/avatars/ + this['user_avatar'] + '"/> </a></div>"; }); 

alt =“''src =”'assets / global / img / avatars / + this ['user_avatar'] +'“ />”;

Answer 1

应该是这样的：

$.each(obj, function(){
  result += "<img class='user-pic' alt='avatar' src='assets/global/img/avatars/"+this.user_avatar+"' /></a></div>";
});

要学习字符串的串联，请想象一下要删除外部引号。 里面的所有引号都应该匹配，而外面的引号则相反或已转义。

Answer 2

您可以使用准备好的字符串来更好地处理此类情况

$.each(obj, function() {
  result += `<img class="user-pic" alt="" src="assets/global/img/avatars/${this['user_avatar'] || ""}" /> </a></div>`;
});