jquery - jqueryで画像ファイルのサイズを確認するには?

Question

そのボタンをクリックしているときにボタンがあり、画像ファイルのサイズを取得する必要があります

function attachPhoto()
{
    var path="http://www.w3schools.com/images/pulpit.jpg";// i need to check size of image
}

<input type="button" style="width:30%" onClick=" attachPhoto()" />

Answer 1

URL のみを使用してファイルのサイズを取得する場合は、PHP などの外部言語を使用する必要があります。jQuery はファイル プロパティを取得できません。

これを行う 1 つの方法は、画像を画面外のどこかにロードして $('image').width() & $('image').height() を取得することですが、これは理想的な方法ではありません。

最良の方法は、ファイルのサイズをチェックして jQuery に返す php スクリプトへの ajax 呼び出しを使用することです。

PHPサーバーにアクセスできますか？

Answer 2

jQuery 以外のソリューションは次のとおりです。

function attachPhoto() {
    var img = new Image();
    img.onload = function() {
        alert([img.width, img.height]);
    } 
    img.src = "http://www.w3schools.com/images/pulpit.jpg";
}

画像サイズは、ファイルがロードされた後にのみonload利用可能であり、コールバックは非同期的に呼び出されることに注意してください。そのコールバック内からトリガーする必要があるサイズがわかったら、他のことを実行したい場合。

Answer 3

$('element').width() また$('element').height()

Answer 4

$('image').width()と$('image').height()

完全にロードされた後でのみ (おそらく.load()イベントに添付されます)。