在图像上传时使用 angularjs 获取尺寸（宽度和高度）验证

Question

嗨，我是 Angular JS 的新手。我一直在尝试做某事，我有一个登录表单，其中我有一个文件输入类型，用户可以在其中上传他的图片。输入框是这样的

<input type="file" file-model="userPic"/>

所以，在controller.js文件中提交表单的时候我

console.log(userPic)

我得到文件名、大小、修改日期。但是我想在表单提交之前找到上传图片宽度和高度的尺寸。我还安装了凉亭组件，我有 jquery 文件夹，里面有 dimensions.js 文件，有用吗？

我也尝试过使用 .width() 来 console.log。为此我稍微更改了代码

<input type="file" file-model="userPic" id="userId"/>

并在表单提交的controller.js文件中

console.log($('#userId').width());

我已经尝试过了，但我得到的输出不正确。我将如何进行。

Answer 1

您需要使用 naturalWidth 和 naturalHeight：

$scope.userPic.naturalHeight();
$scope.userPic.naturalWidth();