¿Cómo verifico si el archivo existe en jQuery o JavaScript puro?

Solución:

Con jQuery:

$.ajax({
    url:'http://www.example.com/somefile.ext',
    type:'HEAD',
    error: function()
    {
        //file not exists
    },
    success: function()
    {
        //file exists
    }
});

EDITAR:

Aquí está el código para verificar el estado 404, sin usar jQuery

function UrlExists(url)
{
    var http = new XMLHttpRequest();
    http.open('HEAD', url, false);
    http.send();
    return http.status!=404;
}

Pequeños cambios y podría verificar el estado del código de estado HTTP 200 (éxito), en su lugar.

EDITAR 2: dado que la sincronización XMLHttpRequest está en desuso, puede agregar un método de utilidad como este para hacerlo asíncrono:

function executeIfFileExist(src, callback) {
    var xhr = new XMLHttpRequest()
    xhr.onreadystatechange = function() {
        if (this.readyState === this.DONE) {
            callback()
        }
    }
    xhr.open('HEAD', src)
}

Un enfoque similar y más actualizado.

$.get(url)
    .done(function() { 
        // exists code 
    }).fail(function() { 
        // not exists code
    })

Esto funciona para mi:

function ImageExist(url) 
{
   var img = new Image();
   img.src = url;
   return img.height != 0;
}

---

---

Utiliza Nuestro Buscador