image onload event. bug ?

解决Chrome浏览器中Image替换问题

转载于 2014-12-07 20:50:00 发布 · 93 阅读

0 ·

CC 4.0 BY-SA版权

原文链接：https://my.oschina.net/liufeng815/blog/353536

文章标签：

#javascript #python #ViewUI

本文详细介绍了在使用Chrome浏览器进行网页开发时，遇到的关于Image元素替换的问题及解决方案。通过实例演示了如何在替换Image元素之前创建一个新的Image对象，并在加载完成后更新src属性，确保网页显示正确。

2019独角兽企业重金招聘Python工程师标准>>>

This is not a bug. WebKit is just more strict. You must instantiate a new Image() object before the replacement, like this:

[javascript] 
var photo = document.getElementById('image_id'); 
var img = new Image(); 
img.addEventListener('load', myFunction, false); 
img.src = 'http://newimgsource.jpg'; photo.src = img.src; 
[/javascript]

ttps://code.google.com/p/chromium/issues/detail?id=7731#c12

转载于:https://my.oschina.net/liufeng815/blog/353536