この記事では、JavaScriptのページ画像の元のサイズを単に取得する方法について説明します。次のように、参照のために共有してください。
ここでは、元の幅と高さがImage()オブジェクトを介して取得されます
この方法はそれほど面倒ではありません。 Image()オブジェクトを直接新しいものにし、IMGのSRCを割り当てて取得できます。
var img = new image(); img.src = $( "#target")。attr( "src"); if(img.complete){alert( 'width:'+img.width+'、height'+img.height); img = null;} else {img.onload = function(){alert( 'width:'+img.width+'、height'+img.height); img = null; };}また、新しい画像オブジェクトが追加のHTTPリクエストがあることを心配しないでください。ブラウザには、画像を読み込んだ後にキャッシュがあります。新しいn画像オブジェクトを持っていても大丈夫です。もちろん、メモリは消費されるため、使用した後、IMGはnullに設定されます。
JavaScript関連のコンテンツの詳細については、このサイトのトピックをご覧ください:「JavaScriptの切り替え効果とテクニックの要約」、「JavaScript検索アルゴリズムスキルの要約」、「JavaScriptアニメーション効果とテクニックの概要」、「Javascriptエラー、および「Javascriptデータ構造」の概要」の概要の要約の要約をご覧ください。 JavaScriptトラバーサルアルゴリズムとテクニック」、および「JavaScriptの数学的操作の使用法の要約」
この記事がみんなのJavaScriptプログラミングに役立つことを願っています。