- ベストアンサー
javascriptで取得画像サイズを取得・設定
javascript初心者です。 javascriptで取得画像サイズを取得し、変数に格納し、 htmlタグ属性のwidht="getPhotoSize();"というようなことはできますでしょうか。 ご存じの方がおられましたら教えてください。
- hatokamome
- お礼率44% (246/554)
- JavaScript
- 回答数1
- ありがとう数0
- みんなの回答 （1）
- 専門家の回答
質問者が選んだベストアンサー
ご質問の意味をよくわかっていませんが… 以下、雰囲気のサンプル。 画像を取得するのに多少なりとも時間がかかるので、コールバックで処理するようになっています。 （とりあえず、取得したらwidthをアラートするサンプル） （全角空白は半角に） <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"> <html lang="ja"> <head><title>sample</title> <meta http-equiv="Content-Style-Type" content="text/css"> <meta http-equiv="Content-Script-Type" content="text/javascript"> <script type="text/javascript"> <!-- function getPhoto(src, callback){ // 画像url, コールバック if("string" != typeof src) return; var img = document.createElement("img"); var func = ("function" == typeof callback)?callback:new Function(); img.onload = function(){ func.call(img); img = func = null; }; img.src = src; } //--> </script> </head> <body> <p> <input type="button" value="test" onclick="getPhoto('img/photo01.jpg', function(){alert(this.width);})"> </p> </body> </html>
補足
戻り値をwidhtに指定したいです。 戻り値というのが無いのでしょうか？