如何使用Javascript（jQuery）判断图像是否已被指定宽度/高度？

13 浏览
0 Comments

如何使用Javascript（jQuery）判断图像是否已被指定宽度/高度？

这个问题已经有了答案:

可能是重复问题:

如何使用JavaScript获取图像的大小（高度和宽度）？

通常我们可以通过下面的方式获取图像的宽度：$(\'img\').width()或者$(\'img\').css(\'width\')，在宽度被指定的时候：

但是如果我们没有指定宽度：

IE会返回28px，而FF会返回0px。

问题在于，我们可能有意将图像宽度设置为28px或0px，这将导致与实际没有设置宽度的情况下得到相同的数字。

我的问题是：我们如何判断一个图像是否已经被指定了特定的宽度/高度？

编辑

很抱歉，我忘记了一个重要的事情：只有当图像无法找到（404）时，IE返回28px，而FF返回0px。

admin 更改状态以发布 2023年5月22日
0

2 答案

0 Comments

虽然有点取巧，但你可以这样获取原始的 HTML：

var htmltag=$("img")[0].outerHTML;

然后解析里面的 width="..." 或 style="..." 部分：

if (
    htmltag.match(/style=['"][^'"]*width:/) ||
    htmltag.match(/width=['"]/)
   ) alert("Has width");

这种方法有可能遇到 border-width 等问题，但你可以获得大致的思路。

0
0 Comments

检查 .attr('width') / .attr('height')。

0