上傳圖像上傳使用angularjs獲取尺寸（寬度和高度）驗證

您好，我是一個角JS的新手。我一直在嘗試做一些事情，我有一個登錄表單，其中有一個文件輸入類型，用戶可以在其中上載他的圖片。輸入字段是這樣上傳圖像上傳使用angularjs獲取尺寸（寬度和高度）驗證

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

所以，在controller.js文件在提交表單的時候我

console.log(userPic)

我得到的文件名，大小，修改日期。但是我想在表單提交之前找到上傳圖片寬度和高度的尺寸。我也有涼亭組件安裝我說我有jQuery文件夾裏面，我有dimension.js文件是有用的？

我也曾嘗試使用.WIDTH（）來CONSOLE.LOG。對於我改變了代碼一點點

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

，並在controller.js提交有關表格提交

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

我試過這個，但是我得到的輸出是不正確的。我將如何繼續。

來源

2017-09-25 TULSIRAJ

看看這個問題/答案，這不是angularjs但可以指導你：[https://stackoverflow.com/questions/12570834/如何對預覽圖像，獲得文件大小的圖像高度和寬度之前上傳（https://stackoverflow.com/questions/12570834/how-to-preview-image-get-file - 大小 - 圖像 - 高度和寬度 - 上傳前） – MarioZ

您需要使用naturalWidth和naturalHeight：

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

來源

2017-09-25 18:12:00

無法使用文件模型值我的意思是console.log（userPic.naturalWidth（））;而不是使用id。 – TULSIRAJ

您可能需要使用$ scope.userPic才能正常工作。 – pegla

@pegla很好的電話。答案已更新。 –

上傳圖像上傳使用angularjs獲取尺寸（寬度和高度）驗證

回答

相關問題