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

嗨，我是一个新手。我一直在尝试做一些事情，我有一个登录表单，其中我有一个文件输入类型，用户可以上传他的图片。输入字段如下所示

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

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

我还尝试使用.width（）来console.log。为此，我稍微修改了代码

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

---

我已经试过了，但是我得到的输出不正确。如何继续。

您需要使用自然宽度和自然高度：

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

---

我不能使用文件模型值console.log（userPic.naturalWidth（））获取吗；您可能需要使用$scope.userPic才能使其工作。@William TypeError:$scope.userPic.naturalWidth（）不是一个函数，我得到的是error@user3270582在javascript中，naturalWidth是一个属性，JQuery将其作为函数进行管理，我担心Angularjs不会。因此，请尝试将删除结尾处的（）括号用作属性。@MarioZ如果我按照您在其未定义部分中的建议删除结尾处的（）括号，请查看此问题/答案，它不是angularjs，但可以指导您：

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

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