Laravel使用JavaScript更改刀片文件中的圖像

Question

我正在嘗試使用javascript更改刀片文件中的圖像，但出現以下錯誤。 附帶說明一下，我已經在laravel中啟用了HTML表單，並且無需使用javascript就可以顯示圖像。

Fatal error: Class 'HTML' not found (View:/home/vagrant/Code/Laravel/resources/views/pages/progress.blade.php)

以下是我的JavaScript代碼

<script>
window.onload = function() {
changeImageForSeniorLevel();

};

function changeImageForSeniorLevel() {
var level = '<?php echo $levelValue; ?>';

if (level == 3)
{
document.getElementById("image").src="{{ HTML::image('progress2/Icons/Calls_Icon.png', 'alt',array('width' => 150 )) }}";
}
}
</script>

這是我要更改的圖像的代碼，如果我注釋我的JavaScript，代碼將顯示圖像。

{{ HTML::image('progress2/Icons/Meetings_Icon.png', 'alt', array('id' => 'image', 'width' =>150)) }}

Answer 1

HTML::image是用PHP（托管在您的服務器上）解析的Laravel類/方法。 您無法使用瀏覽器/ HTML對其進行解析。 瀏覽器不知道HTML::image含義。 在您的情況下，您只想更改文檔上已繪制的圖像的屬性。

您可以使用以下方法實現所需的功能：

if(level == 3){
    var myImage = document.getElementById("image");
    myImage.src = 'progress2/Icons/Calls_Icon.png';
    myImage.alt = 'alt';
    myImage.style.width = '150px';
}