これまでのところ、次のコードがあります:
リーリーただし、これにより html 属性 - css スタイルが取得されます。ファイルの実際の画像リソースのサイズを取得したい。
これが必要なのは、画像をアップロードした後、幅が 0px に設定されますが、なぜ、どこでこれが起こるのかわからないからです。これを防ぐために、実際の寸法を取得してリセットしたいと思います。出来ますか？
編集:naturalWidth を取得しようとしても、結果は 0 です。写真を追加しました。奇妙なことに、これは新しいファイルをアップロードした場合にのみ発生し、更新後は正常に動作します。
http://oi39.tinypic.com/3582xq9.jpg
![[Web フロントエンド] Node.js クイック スタート](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
img.naturalHeight
とimg.naturalWidthがあり、DOM 要素ではなく画像自体の幅と高さを示します。
リーリーnaturalWidth とnaturalHeightを使用できます。これらのプロパティには、画像の実際の未変更の幅と高さが含まれますが、それらを取得するには画像が読み込まれるまで待つ必要がありますこの機能は IE9 以降のみをサポートします。古いブラウザをサポートする必要がある場合は、新しい画像を作成し、そのソースを同じ画像に設定できます。画像のサイズが変更されていない場合は、画像の自然なサイズが返されます。画像。他のサイズが指定されていない場合、これがデフォルトのサイズになります。
リーリーフィドル