Question

<img id="bannerborder" runat="server" src="#"
                            alt="#" style="width: 100%;" onerror="seterrorbannerimg(this)" />

function seterrorbannerimg(obj) {

        $(obj).attr('src', "img.png");

}

如果img.png不存在怎么办？如何解决这个问题并显示另一个图像。

Answer 1

为什么不这样做：

function seterrorbannerimg(obj) {
  obj.setAttribute('src', imglink);
}

它应该做的伎俩，因为'obj'是你自己的元素，你不必使用jquery来查询它。

example

Answer 2

它的工作原理：p。尝试检查你的jquery依赖项或'seterrorbannerimg'函数中的图像路径。

function seterrorbannerimg(obj) {

        $(obj).attr('src', "https://lh6.googleusercontent.com/-4Mp7KqPJcVM/AAAAAAAAAAI/AAAAAAAAA1I/3KkGlGQDj1Q/photo.jpg?sz=48");

}

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<img id="bannerborder" runat="server" src="#"
                            alt="#" style="width: 100%;" onerror="seterrorbannerimg(this)" />

图像不存在时不显示错误图像？怎么解决这个？

2 个答案: