जांच की जा रही है, तो छवि जावास्क्रिप्ट

Question

संभव डुप्लिकेट का उपयोग कर मौजूद है:
Check if image exists with given url using jquery
Change image source if file exists

मैं boxvalue में एक पाठ बॉक्स से एक छवि पथ का मूल्य फेंक कर रहा हूँ और अगर मान्य करने के लिए चाहते हैं जावास्क्रिप्ट का उपयोग कर छवि मौजूद है।

var boxvalue = $('#UrlQueueBox').val(); 

मैंने स्टैक ओवरफ्लो ब्राउज़ किया और छवि की चौड़ाई/ऊंचाई प्राप्त करने के लिए नीचे पाया, लेकिन इसका उपयोग नहीं करना चाहते हैं।

var img = document.getElementById('imageid'); 

यदि मैं वास्तव में छवि पथ से एक छवि है तो मैं कैसे सत्यापित कर सकता हूं?

Answer 1

// The "callback" argument is called with either true or false 
// depending on whether the image at "url" exists or not. 
function imageExists(url, callback) { 
    var img = new Image(); 
    img.onload = function() { callback(true); }; 
    img.onerror = function() { callback(false); }; 
    img.src = url; 
} 

// Sample usage 
var imageUrl = 'http://www.google.com/images/srpr/nav_logo14.png'; 
imageExists(imageUrl, function(exists) { 
    console.log('RESULT: url=' + imageUrl + ', exists=' + exists); 
}); 

Answer 2

आप एक फ़ंक्शन बना सकते हैं और complete संपत्ति देख सकते हैं।

function ImageExists(selector) { 
    var imageFound = $(selector); 

    if (!imageFound.get(0).complete) { 
     return false; 
    } 
    else if (imageFound.height() === 0) { 
     return false; 
    } 

    return true; 
} 

और पैरामीटर के रूप में एक चयनकर्ता (अपने मामले) के बजाय यूआरएल के साथ इस funciton

var exists = ImageExists('#UrlQueueBox'); 

एक ही समारोह फोन: http:

function imageExists(url){ 

    var image = new Image(); 

    image.src = url; 

    if (!image.complete) { 
     return false; 
    } 
    else if (image.height === 0) { 
     return false; 
    } 

    return true; 
}