html网页的替代图片来源

alternative picture source for html webpage

本文关键字：网页 html      更新时间：2023-09-26

我有一个html网页，里面有一些图片。照片在本地电脑上。问题是图片有两个可能的位置。所以我想知道如果第一个路径不存在，是否可以添加一个替代图片路径。我知道php是可能的，但如果有其他解决方案，那就太好了。Thx

您可以使用以下代码

<img src="first_image_link" onerror="this.src='second_image_link';">

如果src指向404 ，则可以检查抛出的错误事件

类似

  image.onerror = function () {
    image.src ="newsrc.jpg";
  }

您可以这样尝试s.th：

<img src="foo" altsrc="bar">

JS（jQuery）:

$(function(){
   $('img').on("error",function(){
      $(this).attr("src",$(this).attr("altsrc"))
   })
})
相关文章：