`

js 判断图片是否存在

 
阅读更多
当图片不存在时,将触发onerror,onerror 中img为 指定的默认图片。
图片存在则显示正常图片,图片不存在将显示默认。


function imgOnerror(img){  
img.src="../images/avatars/default.jpg";  
img.onerror=null;//控制不要一直跳动  
}  
<img width="90" height="120" src="../images/avatars/default.jpg" onerror="imgOnerror(this)" border="0"/>  
分享到:
评论
发表评论

文章已被作者锁定,不允许评论。

相关推荐

    js判断图片是否存在

    js判断图片是否存在,不存在就显示其他的

    用Javascript判断图片是否存在,不存在则显示默认图片的代码

    以下详细知识点涵盖了如何用JavaScript判断图片是否存在,以及实现这一功能的具体代码示例。 ### JavaScript检测图片是否存在 JavaScript提供了一种机制来处理图片加载失败的情况。当图片无法加载时,可以通过`...

    js判断服务器端文件是否存在

    js判断服务器端文件是否存在火狐、IE都适用

    js判断图片真实性(非判断文件后缀)

    传统的检查方式是通过文件的后缀名来判断,但这种方法存在明显的漏洞,因为恶意用户可以轻易地更改文件的后缀名,使得非图片文件伪装成图片。针对这个问题,我们可以采用一种更安全的策略,即不依赖文件后缀,而是...

    js判断图片加载完成后获取图片实际宽高的方法

    在这种情况下,可能需要采取其他策略来判断图片是否已经被缓存并决定如何处理。 以上就是使用JavaScript获取图片实际尺寸的基本方法和注意事项。通过理解这些知识点,我们可以在Web开发中更加灵活和准确地处理图片...

    js浏览器判断,火狐,谷歌,IE等五大浏览器判断

    js浏览器判断,火狐,谷歌,IE等五大浏览器判断,浏览器的判断有助于您的JSP页面的图片能正常显示

    【JavaScript源代码】如何使用Node.js判断png图片是否存在透明像素.docx

    ### 使用Node.js判断PNG图片是否存在透明像素 #### 引言 在进行图片处理时,我们经常需要考虑不同格式之间的转换及优化。PNG格式因其支持透明度而被广泛应用于需要高质量图像的场景,但这种特性也使得PNG文件体积...

    纯javascript实现上传图片前图片预览,判断图片大小

    **步骤4:判断图片大小** 在`handleImageChange`函数中,我们可以通过`File.size`属性获取文件大小(单位为字节)。如果图片过大,可以阻止预览并提示用户。 ```javascript function handleImageChange(event) { ...

    JavaScript判断图片是否能够加载,失败则替换默认图片

    这时,为了提供良好的用户体验,我们可以编写代码来判断图片是否能成功加载,并在加载失败时用默认图片进行替换。这种功能可以避免页面出现空白或者不美观的占位符,提升网站的专业性和可靠性。 首先,我们需要创建...

    js判断url是否有效的两种方法

    方法一:(仅适用于ie) 代码如下:function CheckStatus(url) { XMLHTTP = new ActiveXObject(“Microsoft.XMLHTTP”) XMLHTTP.open(“HEAD”,url,false) XMLHTTP.send() return XMLHTTP.status==200 } function...

    js 判断图片是否加载完以及实现图片的预下载

    创建一个Image对象,实现图片的预下载,如果图片已经存在于浏览器缓存,直接调用回调函数,使用onload事件可以判断图片是否加载完成 function loadImage(url, callback) { var img = new Image(); //创建一个Image...

    完美兼容多浏览器的js判断图片路径代码汇总

    //判断图片是否存在 ImgObj.src = imgurl; //没有图片,则返回-1 if (ImgObj.fileSize &gt; 0 || (ImgObj.width &gt; 0 && ImgObj.height &gt; 0)) { alert&#40;imgurl + '存在'&#41;; } else { alert&#40;imgurl + '不存在'...

    js 图片动态效果

    通过JavaScript,我们可以判断图片是否在可视区域内,并决定何时开始加载。 7. **AJAX图像请求**:使用AJAX(异步JavaScript和XML)可以动态地从服务器获取图片,这样用户可以在不刷新整个页面的情况下查看新图片,...

    javascript判断图片是否加载完成的方法推荐

    本篇知识分享将向你介绍如何使用JavaScript来判断图片是否加载完成,以及相关的几种方法及其优缺点。 首先,最直接的方式是利用img标签自带的onload事件。onload事件会在图片完全加载完成后触发,我们可以在这个...

    基于Autojs的APP、小程序自动化测试SDK,支持:判别存在、等候出现、文本或颜色点击、循环点击、定位取取.zip

    在自动化测试中,判断元素是否存在是基础操作之一。AutoJS SDK允许开发者通过编写JavaScript代码来检查特定UI元素是否在当前屏幕或应用中可见。这通常涉及到对Android系统的UI组件进行遍历和对比,确保在执行下一步...

    如何基于JavaScript判断图片是否加载完成

    在JavaScript中,正确判断图片是否加载完成是网页动态加载和展示图片时不可或缺的技能。这个问题在Web开发中经常遇到,特别是在处理用户上传的图片或远程图片资源时。本篇文章将详细探讨如何通过JavaScript来实现这...

    JS打开图片另存为对话框实现代码

    4. 在`&lt;iframe&gt;`元素的`src`属性设置为传入的图片URL之前,先判断当前`&lt;iframe&gt;`中的`src`是否已经是这个图片URL。如果不是,说明图片地址发生了变化,需要重新加载图片;如果是,则说明图片地址没有变化,直接调用`...

    ie判断图片加载成功代码

    综上所述,通过理解和利用JavaScript的`Image`对象以及IE特有的事件处理机制,我们可以有效地在IE浏览器中判断图片是否加载成功。这个功能在页面动态加载、图片预加载等场景下尤为重要,有助于提升用户体验和网页...

    CSS特效收藏和js实例

    JavaScript判断远程图片是否存在; Js+Css图片切换,带缩略图响应鼠标滑过; JS图片滚动代码(无缝、平滑); 纯CSS实现链接提示(学习层定位); 适合企业站的DIV+CSS导航菜单; 用JavaScript在网页右下角弹出窗口; .........

    js判断页面中是否有指定控件的简单实例

    show_pic是页面中的一个图片控件,我们首先要保证这个控件存在于页面上,才能对其进行操作,不然JS就会出现错误,所以用这种方式进行了判断,我听网友说,JS中还有一个函数,可以判断对象是否存在,可惜我没有找到。

Global site tag (gtag.js) - Google Analytics