使用jQuery在图像类中附加src

Question

这是我的代码：

<img class="img-status">

$('.img-status').append('src="{!! asset('pmc_assets/img/online.png') !!}"');

但是，它在控制台中出现错误：

  

SyntaxError：意外的标识符＆＃39; pmc_assets＆＃39;。期待＆＃39;）＆＃39;结束参数列表。

有人可以帮忙吗？

Answer 1

假设JS是在blade文件中编写的，您可以将资产的结果分配给变量并使用该变量来更改元素的src

<script>

var source = "{!! asset('pmc_assets/img/online.png') !!}";

$('.img-status').attr('src', source);

</script>

<强>更新

如果它位于单独的JS文件中，您可以做的一件事是在刀片文件中创建一个hidden输入字段，并在JavaScript中访问它的值

<强> demo.blade.php

<input type="hidden" name="image-source" 
       value="{{ asset('pmc_assets/img/online.png') }}" 
       id="image-source" />

<强> demo.js

<script>

var source = $("#image-source").val();

$('.img-status').attr('src', source);

</script>