2017-09-25 10 views
1

こんにちは角度のJSの初心者です。私は何かをしようとしている、私はユーザーが彼の写真をアップロードすることができますファイル入力の種類があるログインフォームがあります。入力フィールドだからこの画像アップロードでanglejを使用して寸法(幅と高さ)を取得

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

のようなものです、ときに私

console.log(userPic) 

フォームの提出にcontroller.jsファイルに私は、ファイル名、サイズ、更新日時を取得します。しかし、私は、フォームを送信する前にアップロード画像の幅と高さの寸法を探したい。私はまた、私はjqueryのフォルダを持っている私はdimensions.jsファイルを持っている便利なコンポーネントがインストールされているbowerのコンポーネントがありますか?

Iも)(.widthを用いCONSOLE.LOGしようとしている。そのため、私は

console.log($('#userId').width()); 
を提出フォームにコード少し

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

とcontroller.jsファイル内の変更

私はこれを試しましたが、私が得る出力は正しくありません。どうすれば進めますか?

+0

この質問/答えを見て、それがangularjsではありませんが、あなたをガイドすることができます:[https://stackoverflow.com/questions/12570834/アップロード前に画像を取得する方法 - プレビュー画像 - ファイルサイズ - 画像の高さと幅」(https://stackoverflow.com/questions/12570834/how-to-preview-image-get-file -size-image-height-and-width-before-upload) – MarioZ

答えて

2

あなたがnaturalWidthとnaturalHeightを使いたいでしょう:

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

ファイルモデル値を使用できないのは、console.log(userPic.naturalWidth())を意味します。 idを使用する代わりに。 – TULSIRAJ

+1

$ scope.userPicを使用する必要があるかもしれません。 – pegla

+0

@peglaよろしくお願いします。回答が更新されました。 –

関連する問題