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';
}

Laravel使用javascript更改刀片文件中的图像

1 个答案: