Jquery 是否<;img>;标签上有一个";“成功”;属性
Jquery 是否<;img>;标签上有一个";“成功”;属性,jquery,html,image,Jquery,Html,Image,标记是否具有“onsuccess”属性?比如“onerror” 我正在加载一个图像。我用JQuery绑定一个事件,它会更改imageonerror。 如果ONERROR Image成功加载,我想显示一个警报“ONERROR Image loaded successfully”。否则,它将显示警报“未找到错误图像” 编辑: onload在加载图像后显示警报。但是没有告诉我们“您的真实图像已加载”或“浏览器的默认错误图像已加载”。检查这里 http://jsfiddle.net/extremeros
标记是否具有“onsuccess”
属性?比如“onerror”
我正在加载一个图像。我用JQuery绑定一个事件,它会更改imageonerror
。
如果ONERROR Image
成功加载,我想显示一个警报“ONERROR Image loaded successfully”
。否则,它将显示警报“未找到错误图像”
编辑:
onload在加载图像后显示警报。但是没有告诉我们“您的真实图像已加载”
或“浏览器的默认错误图像已加载”
。检查这里
http://jsfiddle.net/extremerose71/cHuu6/6/
是的,你能做到,读。
您可以使用:
- 装载
- 一个错误
- 奥纳博尔特
function loadImage()
{
alert("Image is loaded");
}
function errorImage()
{
alert("Image not loaded");
}
<img src="someImg.png" onload="loadImage()" onerror="errorImage()" />
函数loadImage()
{
警报(“图像已加载”);
}
函数errorImage()
{
警报(“图像未加载”);
}
参考:和
成功加载映像时,将启动onload事件处理程序(loadImage函数),如果未加载映像,则
然后将启动onerror事件处理程序(errorImage函数)
您可以使用
onerror
和onload
事件处理程序执行此操作
var im = document.getElementById('imageid');
im.onload = function() {
//handler
};
im.onerror = function() {
//handler
};
如果你写了这样的东西:
<img id="im3" src="http://ssl.gstatic.com/gb/images/j_f11bbae8.png" />
(正如在jsfiddle
onLoad
对应于$(窗口)。load
),您将永远不会收到任何警报,因为$(窗口)。load
将在已加载所有资源后调用
但是如果您要从img
中删除src
:
<img id="im3"/>
在加载
和错误
侦听器之后的一行,您将看到一个警报
因此,主要问题是,您是在映像已加载或加载失败后添加侦听器的。您是在查找“onload
”?@Engineer:onload在加载时显示警报。但是没有告诉我们“加载了您的真实图像”或“加载了浏览器的默认错误图像”。如果“加载了浏览器的默认错误图像”,则会调用“onerror”
,如果“加载了您的真实图像”,则会调用“onload”
。@工程师:它认为它没有按我的要求工作。。这里的社区不喜欢学校!有些事情并不完全像那样。请参考MDN或真正的源代码w3。您可以随意不喜欢w3学校,有时我也可以同意,但在这种情况下,这三个事件是有效的。我也用safari和firefox检查了它们。不过我尝试添加一个MDN链接。您对jsfidle工作的研究非常感谢。。但是您正在使用.load
调用函数。。我认为这是错误的。。因为.load
用于从服务器加载数据。。像AJAX…和什么数据加载$(窗口)。加载?!!您对jquery
的了解不够。对于img
sload
是onload
事件的侦听器,正如error
是onerror
事件的侦听器一样;将代码更改为$(“#im3”).bind('load',function(){alert('load');}).error(function(){alert('error');})代码>。。我想接受你的回答…我并没有仅仅为了演示而使用连接的侦听器。没问题,我将连接它们。我使用一种js模板。onLoad为我工作:
<img id="im3"/>
$("#im3").attr('src','http://ssl.gstatic.com/gb/images/j_f11bbae8.png' );