网络图片是通过<img>标签的src进行读取图片地址进行展示,有时我们需要在展示图片的同时也能展示图片的宽高。
以jsp为例:<img src="*****"> <img src="*****"> <img src="*****">
在img标签上设立<span>标签,用于展示宽高。标签的name属性设为图片的src。<span name="对应src的值">
使用js:
$("img").each(function (index,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); })