javascript - 包含变量的 IMG src 不会显示

Question

不知道为什么会失败...

<script> var $username = localStorage.getItem('user'); </script>
<img src="//MYCLOUDEX4/Library/Picture/poster-" + $username + ".jpg" alt="Poster">

源文件夹包含“poster-Ralph.jpg”，$username 包含“Ralph”。

Answer 1

您的<img>标签超出了脚本的范围，因此您不能在其中使用脚本变量。

您应该直接在脚本中修改图像的源(例如使用 jQuery。.attr() 方法)。

示例

<script>
var $username = localStorage.getItem('user');
var src = "//MYCLOUDEX4/Library/Picture/poster-" + $username + ".jpg"
$('img').attr('src', src);
</script>

<img alt="Poster">

如果你出于某种原因不想使用 jQuery，@Carl Kroeger Ihl 的答案会更好。