0

ユーザーがアップロードした画像のサイズを取得する必要があります。つまり、画像を「img」タグにロードするファイルアップロードボタンがあり、img のサイズに応じて img 要素の属性が設定されます。基本的に、ページが読み込まれると、イメージ タグは次のようになります。

<img id="img">

ユーザーがサイズ 222 X 227 の画像をアップロードすると、レンダリングされるサイズは次のようになります。

<img id="img" width="222" height="227"> <!--verified by inspecting the element -->

アップロードされた画像の寸法を取得したいのですが、私のスクリプトである jQuery を使用しています。

$('#img').attr('width') OR $('#img').attr('height');

「未定義」を返します。また、要素を検査すると、実際にはこれらの属性が正しい値でロードされることが示されますが、$('#img').attr('src')返されます。undefined

これは、画像がアップロードされたが、DOMおそらくに追加されなかったと結論付けますか?

誰か知ってる？

4

1 に答える 1

0

わかりました、私は何が起きているかを理解しました。これを行うことは役に立ちました:

$('#img').load(function(){
   console.log($('#img').attr('width'));
});

私が望む次元を与えてくれます。ただし、誰かがそれを明らかにしたい場合、ここで load() 関数コールバックを実行する必要がある理由がわかりません。

于 2013-02-06T01:57:57.587 に答える