在JS中获取即将上传的图片尺寸

Question

我有一个从用户本地计算机获取图像的应用程序。 我需要检查图像在任何方向上是否<= 2400px。 要在HTML中执行此操作，我需要：

<div style="display:none"><img id="phantom" src=""></div>

JavaScript包含以下内容：

$('#attachment').change(function()
     $('#phantom').attr("src",$('#attachment').val());
     alert($('#phantom').clientWidth+"   "+('#phantom').clientHeight);
});  

我收到的所有警报都是“ undefined undefined”。

Answer 1

$('<img id="tempimg" src="' + $('#attachment').val() + '" \>).load(function() {
    alert(this.width + "     " + this.height());
});

这将获得图像的真实宽度和高度，而不是img标签的客户端宽度和客户端高度。 但是请注意，从用户本地计算机提取文件可能违反浏览器的沙箱环境功能。 您可能需要阅读http://www.dotnetcurry.com/html5/1167/read-local-file-api-html5-javascript，以了解HTML5（假设您正在使用的是HTML5）以及如何使用该window.File API。