在 HTML 'p' 标签中自动显示图像尺寸（高度和宽度） - JavaScript

【问题标题】：automatically show image dimensions (Height and Width) in a HTML 'p' tag - JavaScript在 HTML 'p' 标签中自动显示图像尺寸（高度和宽度） - JavaScript
【发布时间】：2013-01-03 19:31:30
【问题描述】：

我是 javaScript 的新手，我在处理这个混合代码段时遇到了问题，我从几个网站上下来了。

<script type='text/javascript'>

var img = new Image();
img.onload = function() {
$("ph&W").text(this.width + 'x' + this.height);
}
img.src = ("#hi");

</script>

能否请您更正此代码段，我相信它会帮助其他人来:) 谢谢。

【问题讨论】：

公平地说，它看起来确实像是将死代码的一部分缝合在一起。科学怪人的密码。

标签： javascript jquery html css image

【解决方案1】：

Javascript：

var img = new Image();
img.onload = function() {
  $("#phW").html(this.width + 'x' + this.height);
}
img.src = ("http://www.google.com/images/logo.png");

HTML：

<p id="phW"></p>

演示：http://jsfiddle.net/LBkXA/

【讨论】：

谢谢，除了 'img.src' 是我需要它是 HTML 中的 'img' 的 'id' 之外，它做了需要做的事情。
查找 jquery 文档。 $("#imageID").attr("src")
我应该在哪里插入？
img.src = $("#imageID").attr("src");