首頁 > 開發者 > JavaScript
<html>
<div><image src='xxx'></div>
</html>
var image=new Image();
image.src=url;
$('div').append(image);
當這樣添加到頁面上是圖片大小與圖片真是大小不一樣不過，原因是當設定好圖片路徑過後，還會有一個http請求，去請求圖片大小。中間有一個消極式載入的過程。
解決方案如下：
//定義一個對象
var imgLoad = function (url, callback) {
var img = new Image();
img.src = url;
if (img.complete) {
callback(img.width, img.height);
} else {
img.onload = function () {
callback(img.width, img.height);
aa();
img.onload = null;
};
};
};
//調用方法bb是圖片載入成功後調用的方法，在此彈出的是圖片載入成功後的圖片寬和高
imgLoad(imagePath, bb);
function bb(w, h) {
alert(w);//寬
alert(h);//高
}
Start building with 50+ products and up to 12 months usage for Elastic Compute Service
1 on 1 presale consultation
24/7 Technical Support 6 Free Tickets per Quarter Faster Response
Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.
A comprehensive suite of global cloud computing services to power your business
Payment Methods We Support
