我想使用jquery检查图像是否存在.
例如,如何检查此图像是否存在
http://www.google.com/images/srpr/nav_logo14.png
Run Code Online (Sandbox Code Playgroud)
支票必须给我200或状态确定
--------------编辑-------------------
var imgsrc = $(this).attr('src');
var imgcheck = imgsrc.width;
if (imgcheck==0) {
alert("You have a zero size image");
} else { //do rest of code }
Run Code Online (Sandbox Code Playgroud)
谢谢让
我从API获取大量图像URL并将其显示在角度2 Web应用程序中.一些URL被破坏,我想用我本地存储在我的网络服务器上的默认图片替换它们.有没有人有如何测试网址的建议,在状态代码404的情况下,更换损坏的图像?
谢谢!
我有http://jsfiddle.net/rcebw/3/
关键是我会有很多这些inlinedivdiv.每个内部都有2个div,一个用于保存图像,另一个用于保存链接.这些是从另一个站点上的子站点列表动态生成的.
我想要它做的是检查每个div与班级inlinediv.获取div中链接的内部文本,iconLinkText并在站点中搜索具有该名称的文件.(http://www.mojopin.co.uk/images/用于此测试.)如果存在,则将图像src更改为它.
我可能采取了绝对错误的路线,但我似乎无法让它工作.测试时甚至找不到inlinedivdiv!说它是空的.
我对jQuery很新,但有人有任何建议吗?(我甚至不知道我是否已经解释得很好!)
在我的图像上,我设置了onerror属性,以便在图像由于某种原因不可用时使用占位符:
<img
class="article-img"
src="path-to-image.jpg"
alt="some description"
onerror="this.src='/images/fallback.png'"
>
Run Code Online (Sandbox Code Playgroud)
现在,它看起来onerror 已被弃用,但我找不到任何关于处理错误的建议替代方法的好的来源(可能以类似的紧凑方式)。
知道为什么它被弃用也会很有趣。
通过(本机)javascript,我想检查图像是否存在.我找到了这个脚本:
function imageExists(image_url){
var http = new XMLHttpRequest();
http.open('HEAD', image_url, false);
http.send();
return http.status != 404;
}
Run Code Online (Sandbox Code Playgroud)
从这个问题.但是,每次我运行它时,只要它找不到图像(在控制台中),它就会抛出一条HEAD错误消息.每当它找不到东西时,我能摆脱这个错误吗?
链接问题的评论中的onload/onerror解决方案也给出了同样的问题,报告错误.
我需要使用Angular 4检查文件夹中是否存在图像.我有一个从服务器返回的图像名称列表.我需要的是检查资产文件夹中是否存在该图像.任何帮助或想法都会很棒.
我有很多图像.喜欢:
<img src="src1"/>
<img src="src2"/>
<img src="src3"/>
Run Code Online (Sandbox Code Playgroud)
有些图像可能不存在.因此浏览器将显示损坏的图像图片.这很难看.如何使用Javascript而不是jQuery来确定图像是否存在?如果没有,请提供本地图像以替换它.谢谢.
我尝试了代码,它取代了所有不仅存在的图像.
function imgError(image) {
image.onerror = "";
image.src = "http://www.hi-pda.com/forum/uc_server/data/avatar/000/85/69/99_avatar_middle.jpg?random=10.20420048222877085";
return true;
}
var imgs = document.getElementsByTagName("img");
for (var i = 0; i < imgs.length; i++) {
imgs[i].onerror=imgError(imgs[i]);
}
Run Code Online (Sandbox Code Playgroud)
图像是
<img src="rrrrr" />
<img src="http://www.hi-pda.com/forum/uc_server/data/avatar/000/52/56/39_avatar_middle.jpg"/>
Run Code Online (Sandbox Code Playgroud)
第一张图片不存在,第二张图片存在.当我在chrome中运行时,所有图片都被替换了......
javascript ×4
image ×3
angular ×2
jquery ×2
angular-cli ×1
css ×1
fallback ×1
html ×1
ios ×1
placeholder ×1