javascript - javascript / jqueryでアップロードされた画像の寸法を取得しますか?

Question

これも試してみてください。しかし、私にとってはうまくいきません。

画像をアップロードし、jquery を介してページに挿入し、挿入された画像の周りに div を作成したいのですが、画像の寸法がわかりません。

$("#temp_image").html('<img src="uploads/obr1.jpg" alt="" id="tmp" />');
var img = document.getElementById('temp_image');
alert(img.clientWidth);

それは私に0を示しています、何が問題なのですか?

も試しました：

var oImg = new Image();
oImg.src = 'uploads/obr1.jpg;
if (oImg.complete) {
  alert(oImg.width)
}

それは私にも0を示しています。

問題はどこですか？ありがとう

score 0 · Accepted Answer

私はあなたの方法を試しましたが、うまくいきました。あなたはそれをうまく書いていませんでした。引用符を閉じるのを忘れました。

var oImg = new Image();
oImg.src = 'uploads/obr1.jpg';
if (oImg.complete) {
  alert(oImg.width)
}

score 0 · Accepted Answer

次のようにする必要があります。

$("#temp_image").html('<img src="uploads/obr1.jpg" alt="" id="tmp" />');
var img = document.getElementById('tmp');
alert(img.clientWidth);

現在、画像ではなく、含まれている div (#temp_image) の幅を取得しようとしています。

また、jQuery を使用している場合は、次のようにするだけです。

$("#temp_image").html('<img src="uploads/obr1.jpg" alt="" id="tmp" />');
alert($('#tmp').width());

お役に立てれば！

score 0 · Accepted Answer

var img = document.getElementById('temp_image');

実際には画像要素を取得するのではなく、画像を含む要素を取得します。試してみてください

var img = document.getElementById('tmp');

また

var img = $('#tmp')[0];

代わりは。clientWidthまた、要素が非表示の場合はゼロにclientHeightなるため、寸法を取得するときに画像が実際に表示されることを確認してください。

3 に答える 3