जावास्क्रिप्ट छवि वस्तु - संभाल ऑनलोड घटना

Question

मैं क्लिक करें घटना पर छवि प्रीलोड करने की कोशिश कर रहा हूँ:

// new image object 
var imgObject = new Image(); 

// assign the path to the image to the src property 
imgObject.src = document.URL + 'image/image.jpg'; 

// check if image has loaded 
if (imgObject.complete) { 

लेकिन पूरा कॉल कभी नहीं पहली क्लिक पर सही रिटर्न - किसी भी विचार मैं यहाँ क्या याद कर रहा हूँ?

Answer 1

.complete छवि ऑब्जेक्ट की एक संपत्ति है, न कि कोई ईवेंट जिसे आप संलग्न कर सकते हैं।

var image = new Image(); 
image.onload = function() { 
    alert('image loaded'); 
}; 
image.src = document.URL + 'image/image.jpg'; 

नोट:: onload घटना का उपयोग करें स्रोत विशेषता सेट करने से पहले ऑनलोड हाथ के बल्लेबाज को संलग्न करने के लिए सुनिश्चित करें।

नोट स्पष्टीकरण: छवि कैशिंग। अगर छवि कैश की जाती है तो ऑनलोड इवेंट तुरंत आग लग जाएगा (कभी-कभी हैंडलर सेट करने से पहले)