`
小网客
  • 浏览: 1239135 次
  • 性别: Icon_minigender_1
  • 来自: 北京
社区版块
存档分类
最新评论

js之img onerror不兼容火狐解决方式

    博客分类:
  • J2ee
 
阅读更多

需求:

img的onerror当src为“”的时候火狐不兼容

解决方式:

<img src="${empty item.headimg?default:item.headimg}" onerror="common_img_error(this,'${default}')" />
对应的js函数:
function common_img_error(imgObject, default_src) {
	imgObject.src = default_src;
	imgObject.onerror = null;
}

 

0
1
分享到:
评论

相关推荐

    JavaScript通过使用onerror设置默认图像显示代替alt

    然而,根据上述提供的方法进行测试后,发现该方法兼容IE各个版本以及其他常见的浏览器,如Chrome和Firefox。 此外,HTML5为&lt;img&gt;标签引入了onerror属性,它允许开发者定义一个在图片加载失败时运行的JavaScript函数...

    利用图片的 onerror 事件载入默认图片

    利用图片的 onerror 事件载入默认图片 在Web开发中,图片的加载是一个非常重要的步骤。当图片不存在时,如何载入默认图片是一个常见的问题。本文将介绍如何利用图片的 onerror 事件载入默认图片。 一、什么是 on...

    兼容火狐的前端校验上传图片的大小和尺寸

    在本主题中,我们将深入探讨如何使用JavaScript实现一个兼容火狐浏览器的图片上传校验功能。 首先,我们需要了解JavaScript中的File API。File API允许我们在浏览器环境中读取和操作文件,包括获取文件的元数据,如...

    JS图片预览(兼容IE6、IE7、IE8和FF)

    在JavaScript(简称JS)中实现图片预览,尤其是在兼容老版本的Internet Explorer(如IE6、IE7、IE8)以及Firefox(FF)等浏览器上,需要考虑多种技术策略和兼容性问题。下面我们将详细讨论如何实现这个功能,并着重...

    js解决div内图片自适应大小

    本文将深入探讨如何利用纯JavaScript实现img图片在大小未知的div内自适应显示,并兼容不同浏览器,包括火狐、谷歌和IE6/7/8。 首先,我们来看一下基本的HTML结构,它包含一个div容器和一个img元素: ```html ...

    js的image onload事件使用遇到的问题

    4. onerror事件:除了onload事件外,Image对象还有一个onerror事件,该事件会在图片无法加载时触发。这对于处理图片加载错误情况非常有用。 5. 异步加载图片:在处理大量图片或者需要高效加载的页面时,开发者常常...

    JS获取文件大小方法小结

    然而,这种方法在IE7及以上版本以及Firefox、Chrome等其他浏览器中不适用: ```html function getFileSize(filePath) { var image = new Image(); image.dynsrc = filePath; alert(image.fileSize); } ...

    [removed]()的用法与实例分析

    本文主要探讨的是JavaScript中的`window.onerror`事件处理函数,它是捕获和处理JavaScript运行时错误的关键机制。在进行JS错误信息上报时,`window.onerror`尤其有用。 `window.onerror`是一个全局错误处理函数,当...

    图片上传和预览

    这个源码着重解决了在不同浏览器间,包括老旧的Internet Explorer(IE)和Firefox等,实现图片上传和预览的兼容性问题。以下是对这个主题的详细阐述: 1. **图片上传**: - **File API**:现代浏览器支持File API...

    JS上传图片

    在描述中提到,JS图片上传功能适用于360浏览器、Firefox、Chrome、Safari、Opera、傲游、搜狗、世界之窗,但不支持IE8及以下版本。这是因为这些较新的浏览器都支持HTML5的File API,这是实现JS图片上传的基础。而IE8...

    Javascript 错误处理的几种方法

    &lt;img src="pic.gif" onerror="javascript:alert('An error occurred.');"/&gt; ``` 然而,`onerror`并非DOM标准,而是浏览器实现的一个特性,不同浏览器可能有不同的行为和兼容性问题。 其次,JavaScript提供了`try.....

    Jquery-JS图片上传预览(无浏览器限制)

    在"Jquery-JS图片上传预览"这个主题中,我们将探讨如何利用这两个库来创建一个跨浏览器的图片预览功能,包括对火狐、谷歌和IE等主流浏览器的支持。 首先,我们需要在HTML页面中添加一个`&lt;input&gt;`元素,类型设置为`...

    jQuery实现上传图片源码 1.0.zip

    例如,使用`img`标签的`onerror`事件处理图片加载失败的情况,或者使用CSS3的`object-fit`属性来控制图片在容器内的填充方式。 5. **文件输入元素`:file`:** HTML5引入的`&lt;input type="file"&gt;`元素允许用户选择本地...

    IE11下使用canvas.toDataURL报SecurityError错误的解决方法

    在Chrome、Firefox等现代浏览器中,这个功能通常能正常工作,但在IE11中可能会遇到问题,尤其是在处理跨域图片时。 首先,开发者通常会设置`img`元素的`crossOrigin`属性为`"Anonymous"`来允许跨域图片加载到Canvas...

    基于JS2Image实现圣诞树代码

    在Firefox中,img元素的加载是包含在body加载过程中的,而在IE中则不是。因此,为了兼容性,加载图像时可能需要采取特殊措施。 - **图像预加载与性能优化**:可以通过编程方式预先加载图像,这样可以避免图像加载...

    图片上传预览

    本文将深入探讨如何实现“图片上传预览”,并重点关注对不同浏览器(包括IE 6、IE 7、IE 8、Firefox、Chrome和Opera)的兼容性处理。 首先,我们需要了解HTML5中的File API,它提供了一种在浏览器中读取和操作文件...

    js实现图片在未加载完成前显示加载中字样

    例如,本例中代码首先通过`window.navigator.userAgent.toLowerCase()`获取浏览器的UserAgent,并判断浏览器是否为IE或Firefox(即 Mozilla)。然后,根据不同的浏览器类型对图片加载状态进行检测。 在IE浏览器中,...

    js-layzr:图片延迟加载库Layzr

    5. **兼容性广泛**:Layzr.js支持现代浏览器,包括Chrome、Firefox、Safari、Edge以及IE9+,并且可以与各种前端框架如React、Vue、Angular等配合使用。 **二、Layzr.js的使用步骤** 1. **引入库**:首先,你需要在...

    ExtAspNet v2.2.1 (2009-4-1) 值得一看

    -修正了弹出菜单的位置在Firefox下不正确的BUG(feedback:eroach)。 -为TriggerBox和TwinTriggerBox增加EnableEdit属性。 -使用Hidden来显示隐藏ExtAspNet控件,而不是使用Visible属性(Visible目前设置为只读属性...

    HTML5 实现一个访问本地文件的实例

    例如,这个例子可能只在Firefox 3.5及以上版本的浏览器中正常工作。 总的来说,HTML5的File API和FileReader为Web开发者提供了强大的工具,使他们能够创建更加交互式和功能丰富的应用程序,无需离开浏览器即可处理...

Global site tag (gtag.js) - Google Analytics