js的image onload事件使用遇到的問題
關(guān)于 Image 對(duì)象 onload 事件。
想獲取的是 image 的 寬高值。所以用 onload 方法。另外是獲取的遠(yuǎn)程圖片。
但I(xiàn)E在第二次顯示圖片的時(shí)候,總是不走 onload 方法。代碼:
var img = new Image(); img.src = "loading.gif"; img.onload = function(){ var iheight = img.height; var iwidth = img.width; };
后來給xiaoniu同學(xué)看了后才知,img.src 應(yīng)該是放在 onload 方法后邊的。。
后來google下,才發(fā)現(xiàn)原來此類問題大家多有總結(jié)。。我真是外行。。
因?yàn)?IE 在加載緩沖區(qū)數(shù)據(jù)的時(shí)候,沒有觸發(fā) onload 方法,導(dǎo)致該事件內(nèi)代碼被忽略。FF 在加載緩沖區(qū)數(shù)據(jù)的時(shí)候,順帶觸發(fā)了 onload 方法。
其實(shí)還有點(diǎn),就是onload的時(shí)候還要對(duì)圖片進(jìn)行自適應(yīng)調(diào)整,就發(fā)現(xiàn),需要再 onload 里還要對(duì)元素設(shè)置一次img.src。。。要不它只記得第一張圖。。。
對(duì)這個(gè)緩存區(qū)還是一知半解。繼續(xù)。
- nodejs處理圖片的中間件node-images詳解
- js關(guān)于getImageData跨域問題的解決方法
- jQuery插件ImageDrawer.js實(shí)現(xiàn)動(dòng)態(tài)繪制圖片動(dòng)畫(附源碼下載)
- javascript實(shí)現(xiàn)鼠標(biāo)移到Image上方時(shí)顯示文字效果的方法
- javascript從image轉(zhuǎn)換為base64位編碼的String
- js中Image對(duì)象以及對(duì)其預(yù)加載處理示例
- 通過js獲取div的background-image屬性
- JavaScript Image對(duì)象實(shí)現(xiàn)原理實(shí)例解析
相關(guān)文章
JS實(shí)現(xiàn)自動(dòng)變化的導(dǎo)航菜單效果代碼
這篇文章主要介紹了JS實(shí)現(xiàn)自動(dòng)變化的導(dǎo)航菜單效果代碼,涉及JavaScript基于定時(shí)函數(shù)觸發(fā)頁面元素屬性動(dòng)態(tài)變換的技巧,具有一定參考借鑒價(jià)值,需要的朋友可以參考下2015-09-09Cropper.js 實(shí)現(xiàn)裁剪圖片并上傳(PC端)
本案例是參考cropper站點(diǎn)實(shí)例,進(jìn)行修改簡化。接下來通過本文給大家分享Cropper.js 實(shí)現(xiàn)裁剪圖片并上傳(PC端) 功能,需要的朋友參考下吧2017-08-08基于JS實(shí)現(xiàn)父組件的請(qǐng)求服務(wù)過程解析
這篇文章主要介紹了基于JS實(shí)現(xiàn)父組件的請(qǐng)求服務(wù)過程解析,文中通過示例代碼介紹的非常詳細(xì),對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值,需要的朋友可以參考下2019-10-10JavaScript計(jì)算字符串中特定字符出現(xiàn)次數(shù)的實(shí)例詳解
在JavaScript編程中,經(jīng)常會(huì)遇到需要計(jì)算字符串中特定字符出現(xiàn)次數(shù)的情況,在本文中,我將分享兩個(gè)簡單的JavaScript函數(shù),用于計(jì)算字符串中特定字符出現(xiàn)的次數(shù),需要的朋友可以參考下2023-11-11純js實(shí)現(xiàn)html轉(zhuǎn)pdf的簡單實(shí)例(推薦)
下面小編就為大家?guī)硪黄僯s實(shí)現(xiàn)html轉(zhuǎn)pdf的簡單實(shí)例(推薦)。小編覺得挺不錯(cuò)的,現(xiàn)在就分享給大家,也給大家做個(gè)參考。一起跟隨小編過來看看吧2017-02-02JS實(shí)現(xiàn)瀏覽器打印、打印預(yù)覽示例
本篇文章主要介紹了JS實(shí)現(xiàn)瀏覽器打印、打印預(yù)覽示例。小編覺得挺不錯(cuò)的,現(xiàn)在分享給大家,也給大家做個(gè)參考。一起跟隨小編過來看看吧2017-02-02