//JS縮略圖正確的方法
var imgView = document.getElementById("imgview");

var imgObj = new Image();
imgObj.src = imgUrl;

function thumbImg(imgObj){
???????if (typeof(imgObj) == 'object'){
?????????????if ((imgObj.width != 0) && (imgObj.height != 0)){
????????????????????var z = NewSize(imgObj.width, imgObj.height, imgW, imgH);?? //調用壓縮函數
????????????????????imgView.setAttribute("src", imgObj.src);
????????????????????imgView.style.width = z.w + "px";?
????????????????????imgView.style.height = z.h + "px";
?????????????}else{
???????????????????//setTimeout(thumbImg(imgObj), 100);?? //這樣會產生溢出，
?????????????????? setTimeout(' thumbImg (imgObj) ' ,? '100');? //這樣好一點
?????????????}
???????}
};

需要注意的是，由于setTimeout函數是時間過程，所以執行的代碼必須安排在函數thumbImg里面，而不能放在外面執行。
因此，凡是有 setTimeOut或 setInterval 的函數，其實現必須放在代碼中，而不能放在外部，也不能返回一個值。
他是 void 類型，而不是 return 類型。


---------------------------
//預加載一組圖片的正確方法
var arrImg = new Array();
... 循環載入圖片名稱...

var imgList = new Array();
var imgSize = new Array();
var iTimer = null;

?for(var i=0; i<arrImg.length; i++){
???????? var img = new Image();
???????? img.src =? arrImg[i];
?????????addImg(img);
???????? img = null;
?};

function addImg(imgObj){
?????if(typeof(imgObj) == 'object'){
????????????if(imgObj.width !=0 && imgObj.height !=0){
??????????????? ?imgList.Add(imgObj);
??????????????? ?imgSize.Add(NewSize(imgObj.width, imgObj.height, imgW, imgH));
???????????????? clearTimeout(iTimer); imgObj = null; iTimer = null;
?????????? ?}else{
??????????????? ?iTimer = setTimeout( 'thumbImg(imbObj)' ,? '100' );? //注意要加上引號
?????????? }
?????}
?};


這樣才能確保圖片被真正預加載了，直接給 image對象賦予src值，并不能馬上加載，他有個延遲的問題。

轉載于:https://www.cnblogs.com/sw22225458/archive/2008/01/05/1026835.html

總結

以上是生活随笔為你收集整理的通过Image 对象动态装载图片，不可能立即得到图片的问题的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。