Verificando immagine non esiste utilizzando JavaScript

Question

Eventuali duplicati:
Check if image exists with given url using jquery
Change image source if file exists

sto gettando il valore di un percorso di immagine da una casella di testo in boxvalue e desidera convalidare se l'immagine esiste usando javascript.

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

ho passato in rassegna StackOverflow e abbiamo trovato l'qui sotto per ottenere la larghezza dell'immagine/altezza, ma non vogliono utilizzare questo.

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

Come si può convalidare se è davvero un'immagine dal percorso dell'immagine?

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

È possibile creare una funzione e controllare la proprietà complete.

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

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

    return true; 
} 

e chiamare questo funciton

var exists = ImageExists('#UrlQueueBox'); 

stessa funzione con l'URL al posto di un selettore come parametro (il tuo caso):

function imageExists(url){ 

    var image = new Image(); 

    image.src = url; 

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

    return true; 
}