无论如何都要检查是否有必要的资源
我的代码
<img id="photo" src="http://localhost:8081/test.png" />
现在假设我的图片名称为test.png
现在我要做的是检查http://localhost:8081/test.png
是否可用
例如<c:if test="${resource}">
如果不可用,我想将default.png
作为http://localhost:8081/default.png
放在我知道的可用的src中。
如果它可用,那么我将把src值放到http://localhost:8081/test.png
怎么做?
答案 0 :(得分:0)
您可以使用此answer中的以下代码。请注意,这不是所讨论的基于JSTL的解决方案。
function imageExists(image_url){
var http = new XMLHttpRequest();
http.open('HEAD', image_url, false);
http.send();
return http.status != 404;
}
答案 1 :(得分:0)
我认为你应该开发自己的自定义标签,根据第一张图片的可用性返回一张或另一张图片。
你应该使用两个参数:一个用于可能有或没有的图像,另一个用于&#34;默认&#34;图像。
这里是对这个主题的一个很好的介绍。