Question

我有一个应用程序从用户的本地计算机获取图像。我需要检查图像在任何方向都是＆lt; = 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（假设您正在使用的内容）以及如何使用window.File API。

在JS中获取上传的图像尺寸

1 个答案: