通過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/

希望這可以幫助 ：）