通过JavaScript更改img src

Question

我收到了这个HTML图片项目：

<img class="profile-photo img-responsive img-circle" id="imagen_perfil_banner" src="{{ asset('admin/img/profile1.jpg') }}" >

然后我得到了JS，它改变了图像的src属性：

document.getElementById("imagen_perfil_banner").src = info[13];

info[13]变量包含下一个信息：

{{ asset('admin/img/1.jpg') }}

当页面加载时，它只显示我通过JS发送的图像，但是当我将图像直接放在图像src属性上时，它加载得很好。

Answer 1

请试试这个：

var image = document.getElementById("imagen_perfil_banner")
image.src=info[13];

首先必须将图像保存在变量中。我希望它有所帮助。祝你好运。

Answer 2

看起来您正在使用Angular或某些类似的模板引擎，例如handelbars.js可能是Laravel。

如果info [13]是有效的图片网址

，这应该按预期工作

document.getElementById("imagen_perfil_banner").src = info[13];

通话 {{asset（'admin / img / 1.jpg'）}} 尚未成为有效的网址。您首先必须按照上面的注释中的说明处理此操作，以获取资产的绝对URL路径。

您可以在客户端更改图像，如下所示：

https://jsfiddle.net/0e8u38oo/

希望这会有所帮助：）