网络图片是通过<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);
})
本文介绍了一种在网页中展示图片的同时显示其宽高的方法。通过在img标签内使用JavaScript遍历所有图片,获取图片的宽度和高度,并在对应的span标签内显示。此方法适用于需要实时查看图片尺寸的场景。
414

被折叠的 条评论
为什么被折叠?



