如何从JavaScript加载图像

lx0bsm1f  于 2023-01-29  发布在  Java
关注(0)|答案(1)|浏览(120)

我向Web应用程序添加了通知。
这是运行并在通知栏上显示通知的JavaScript。
对于通知,我希望为每行显示一个通知图标。
当我运行程序时,图像不显示。

这是我尝试添加图像的方式:

$("#menu1").append('<li> <a> <span class=image><img src ="~/Theme/production/images/Annon.png"/> </span> <span>' + value.Ndetails + '</li><hr/>');

这是完整的代码:

function LoadData() {
  $('#menu1').empty();
  $('#menu1').append($('<li> Loading.. </li>'));
  $.ajax({
    type: 'GET',
    url: $("#Get").val(),
    dataType: 'json',
    data: {},
    success: function (data) {
      if (data.Success == true) 
        $('#menu1').empty();
        if (data.listNoti.length == 0) {
          $('#menu1').append($('<li>There is nothing to show </li>'));
        }
        $("#notiCount").empty();
        $("#notiCount").append(data.listNoti.length);
        $.each(data.listNoti, function (index, value) {
          $("#menu1").append('<li> <a> <span class=image><img src ="~/Theme/production/images/Annon.png"/> </span> <span>' + value.Ndetails + '</li><hr/>');
        });
        $("#menu1").append('<li><button onclick="ClearNotifications();"style="border:none;background-color: transparent;"><i class="fa fa-refresh"></i> Clear All Notifications</button></li>')
      }
    }
  });
}
vs3odd8k

vs3odd8k1#

似乎您提供了错误的相对路径

<img src ="~/Theme/production/images/Annon.png"/>

不如这样

<img src ="./images/Annon.png"/>

相关问题