Javascript 获取源中未指定宽度和高度的图像的图像尺寸

我想获取一个图像的高度和宽度，该图像的宽度和高度标记没有在HTML源代码中指定

即

---

我想做的是在加载之前获取图像的宽度和高度。我正在努力完成以下任务，如果你知道更好的解决方案，请建议我

我想这样做，因为我想保持我的站点中的所有图像小于或等于600px。所以，如果一个图像的宽度>600px，我就把它缩小到600px。或者我保持它的宽度不变

我的试用：下面的代码都不适用于此任务，因为一旦加载图像，它们就会获得图像的大小；最初，它们的宽度显示为零

<script type="text/javascript">
  var img = document.getElementById('my_img');
  var width = img.clientWidth;
  var height = img.clientHeight;
  alert('Width: ' + width + ' Height:' + height); // FAIL

  var timg = document.getElementById('test').width;
  alert(timg);  // FAIL too
</script>

var img=document.getElementById（'my_img'）；
变量宽度=img.clientWidth；
变量高度=img.clientHeight；
警报（'Width:'+Width+'Height:'+Height）；//失败
var timg=document.getElementById（'test'）。宽度；
警报（timg）；//也失败了

我的HTML代码：

<img src="http://www.mysite.com/imge.jpg" id="my_img" />

希望这是清楚的

谢谢。

为什么要使用JavaScript？使用此CSS规则，您可以将宽度限制为

600px

：

#我的img{最大宽度：600px；}

“我想做的是在加载图像之前获取图像的宽度和高度。”--如果可能的话，浏览器会帮你完成。您需要等待信息。使用JQuery:$（'my#img'）.height（）和$（'my#img'）.width（）检索图像大小。但在您的情况下，您需要按照@Giona@sdespont我认为这将工作后，图像加载到页面，对吗？printfmyname，我认为您可以在服务器端代码中实现这一点，如java或php。只有在浏览器检索/加载图像后，才能知道图像的高度和宽度。这是一个天才的答案。。感谢Giona和arttronics。其他人都花时间回答。

<img src="http://www.mysite.com/imge.jpg" id="my_img" />