Jquery 如何检查图片是否已完全加载？

一个小问题。如何检查Jcropbox中的图片是否已完全加载？ 我是一名javascript初学者，如果有人能帮助我，我会非常感激。 这是我的密码

jQuery(document).ready(function () {
   jQuery('#<%= imgPerson.ClientID %>').Jcrop({
       onChange: showPreview,
       onSelect: updateCoords,
       aspectRatio: 1,
       minSize: [60, 60],
       setSelect: [1, 1, 60, 60], 
       allowSelect: false
   });
});

function updateCoords(c) {
   jQuery('#<%= X.ClientID %>').val(c.x);
   jQuery('#<%= Y.ClientID %>').val(c.y);
   jQuery('#<%= W.ClientID %>').val(c.w);
   jQuery('#<%= H.ClientID %>').val(c.h);
};

function showPreview(coords) {
   var height = '<%= hdnimgHeight.ClientID %>';
   var height2 = $(height).value;
   var rx = 60 / coords.w;
   var ry = 60 / coords.h;

   $('#<%= imgPreview.ClientID %>').css({
       width: Math.round(rx * 400) + 'px',
       height: Math.round(ry * height2) + 'px',
       marginLeft: '-' + Math.round(rx * coords.x) + 'px',
       marginTop: '-' + Math.round(ry * coords.y) + 'px'
   });
};

jQuery（文档）.ready（函数（）{
jQuery（'#'）.Jcrop({
onChange:showPreview，
onSelect:updateCoords，
方面：1，
minSize:[60,60]，
setSelect:[1,1,60,60]，
allowSelect:false
});
});
函数updateCoords（c）{
jQuery（'#'）.val（c.x）；
jQuery（'#'）.val（c.y）；
jQuery（'#'）.val（c.w）；
jQuery（'#'）.val（c.h）；
};
功能显示预览（coords）{
变量高度=“”；
var height2=$（高度）.value；
var rx=60/coords.w；
var ry=60/coords.h；
$（'#'）.css({
宽度：数学圆（rx*400）+“px”，
高度：数学圆（ry*高度2）+“px”，
marginLeft:“-”+数学圆（rx*coords.x）+“px”，
marginTop:“-”+数学圆（ry*coords.y）+“px”
});
};

您可以收听图像的

onload

事件，该事件在浏览器中完全加载图像时触发。试试这样的

<img src=".." onload="javascript:alert('Image loaded');" />
//Here you can call any javascript method in the onload event

//在这里，您可以在onload事件中调用任何javascript方法

---

如果您希望以不同的方式处理，它还具有其他事件，如OnBort、

onerror

等。

您可以收听图像的

onload

事件，该事件在图像在浏览器中完全加载时触发。试试这样的

<img src=".." onload="javascript:alert('Image loaded');" />
//Here you can call any javascript method in the onload event

//在这里，您可以在onload事件中调用任何javascript方法

---

如果您希望以不同的方式处理它们，它还具有其他事件，如onabort、

onerror

等。

您的问题的Javascript被某些服务器端脚本语言污染。请修复。@TomalakGeret'kal:嗯，源代码已经足够好了。NET标签准确地告诉我们他在做什么。离开ASP.NET标记，skill2bereal。@Jon:我无法将他的代码传递到我的浏览器，以便免费为他做这项研究。这提醒了我，一些HTML也会有帮助。（更重要的是，.NET完全不相关，应该被抽象掉。）@TomalakGeret'kal：不一定。如果ASP.NET代码返回破坏JavaScript格式的内容或与此相关的内容。如果他只是粘贴了生成的HTML，我们会感到困惑，这是问题还是代码中的错误。@Jon：是的，这是相关的，这就是为什么他应该在考虑发布到这里之前将ASP.NET抽象出来作为初始调试步骤的原因。它将把问题缩小到ASP.NET或Javascript；同时问这两个问题是没有意义的。你的问题的Javascript被一些服务器端脚本语言污染了。请修复。@TomalakGeret'kal:嗯，源代码已经足够好了。NET标签准确地告诉我们他在做什么。离开ASP.NET标记，skill2bereal。@Jon:我无法将他的代码传递到我的浏览器，以便免费为他做这项研究。这提醒了我，一些HTML也会有帮助。（更重要的是，.NET完全不相关，应该被抽象掉。）@TomalakGeret'kal：不一定。如果ASP.NET代码返回破坏JavaScript格式的内容或与此相关的内容。如果他只是粘贴了生成的HTML，我们会感到困惑，这是问题还是代码中的错误。@Jon：是的，这是相关的，这就是为什么他应该在考虑发布到这里之前将ASP.NET抽象出来作为初始调试步骤的原因。它将把问题缩小到ASP.NET或Javascript；同时问这两个问题是荒谬的。谢谢你的回答。嗯，也许我忘了提些什么。。。jcrop应该在图片完全加载时加载。谢谢您的回复。嗯，也许我忘了提些什么。。。jcrop应该在图片完全加载时加载。