検索

ホームページ  >  に質問  >  本文

JavaScript または jQuery を使用して画像の自然な寸法を取得するにはどうすればよいですか?

これまでのところ、次のコードがあります:

リーリー

ただし、これにより html 属性 - css スタイルが取得されます。ファイルの実際の画像リソースのサイズを取得したい。

これが必要なのは、画像をアップロードした後、幅が 0px に設定されますが、なぜ、どこでこれが起こるのかわからないからです。これを防ぐために、実際の寸法を取得してリセットしたいと思います。出来ますか?

編集:naturalWidth を取得しようとしても、結果は 0 です。写真を追加しました。奇妙なことに、これは新しいファイルをアップロードした場合にのみ発生し、更新後は正常に動作します。

http://oi39.tinypic.com/3582xq9.jpg

P粉916553895P粉916553895405日前789

全員に返信(2)返信します

  • P粉239164234

    P粉2391642342023-10-22 13:03:59

    img.naturalHeightimg.naturalWidth があり、DOM 要素ではなく画像自体の幅と高さを示します。

    返事
    0
  • P粉148434742

    P粉1484347422023-10-22 09:42:28

    naturalWidth と naturalHeight を使用できます。これらのプロパティには、画像の実際の未変更の幅と高さが含まれますが、それらを取得するには画像が読み込まれるまで待つ必要があります

    リーリー

    この機能は IE9 以降のみをサポートします。古いブラウザをサポートする必要がある場合は、新しい画像を作成し、そのソースを同じ画像に設定できます。画像のサイズが変更されていない場合は、画像の自然なサイズが返されます。画像。他のサイズが指定されていない場合、これがデフォルトのサイズになります。

    リーリー

    フィドル

    返事
    0
  • キャンセル返事