img标签的使用，展示图片的宽高

前提：img标签中的 onload 事件是在图片加载完成后立即执行。

<img src="****.jpg" onload="loadImage()">

使用场景：页面上传多张图片时，会在js中拼接html及需要展示图片的宽高。

用法：在ajax中使用，或在js中使用。

js中拼接html，

"<span name='"+data.src+"' style='font-size:10px'></span>" +

"<img src='"+data.src+"' alt='' onload=loadImage(this)>"

//加载图片宽高
function loadImage(e){
    var img = new Image();
    img.src = $(e).attr("src");
    var width,height;
    width=img.width;
    height=img.height;
    $("span[name='"+img.src+"']").text(width +"*"+height);
}

附加知识点：

onError：当图片加载出现错误，会触发 经常在这里事件里头写入 将图片导向默认报错图片，以免页面上出现红色的叉叉 

onLoad：事件是当图片加载完成之后触发 

onAbort：图片加载的时候，用户通过点击停止加载（浏览器上的红色叉叉）时出发，通常在这里触发一个提示：“图片正在加载”