0

Necesito comprobar si se pudo acceder a la imagen, esto, solo para comprobar acceso a internet. Este ejemplo no logra obtener el true o false y así poder comprobar conexión ¿Qué hace falta?

$.ajax({

url: 'https://storage.googleapis.com/support-kms-prod/ZAl1gIwyUsvfwxoW9ns47iJFioHXODBbIkrK',

type: 'get',

success: function(true) {

alert("Online");

}

});

1
  • Quizás el onLine te sirva más para lo que quieres hacer.
    – MitaCloud
    Commented el 22 nov. 2021 a las 8:43

1 respuesta 1

0

Para revisar si una imagen o página se puede acceder, no necesitas descargarla (métodos GET/POST), solo consultar si está disponible (método HEAD), sin embargo, algunos sitios evitan peticiones de origen cruzado (CORS) y solo necesitas buscar algún recurso no tenga esa restricción, de preferencia, una página o imagen dentro de tu sitio.

También necesitas agregar una función para saber que no se puede acceder.

Finalmente, el resultado de esto no es 100% confiable, porque no solo dependes de tu conexión a Internet, sino también de la disponibilidad del sitio a verificar.

Nota: Las peticiones GET y HEAD, generalmente son guardadas en caché, pero se puede evitar agregando una marca de tiempo (timestamp), solo hay que tener cuidado en que la URL a consultar no incluya parámetros (?):

// Lo puse en función para poder probar varias URL
function isOnline(url) {
    $.ajax({
        // Agregar timestamp para evitar caché
        url: url + '?' + new Date().getTime(),
        // Consultar solo encabezados, no descargar página o imagen
        method: 'HEAD',
        success: function() {
            console.log('Online', url);
        },
        // Saber que no se pudo conectar
        error: function() {
            console.log('Offline', url);
        }
    });
}
// Es probable que estas peticiones sean bloqueadas por CORS
isOnline('https://storage.googleapis.com/support-kms-prod/ZAl1gIwyUsvfwxoW9ns47iJFioHXODBbIkrK');
isOnline('https://www.google.com');
// Intenta con una dirección que no tenga restricciones
isOnline('https://reqres.in/api/products/3');
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>

2
  • Aún después de desconectar el internet sigue apareciendo como conectado Commented el 22 nov. 2021 a las 17:59
  • @NuevoUsuario, actualicé la respuesta, agregando un parámetro en la URL para evitar que se guarde en caché.
    – Triby
    Commented el 22 nov. 2021 a las 18:15

Tu Respuesta

By clicking “Publica tu respuesta”, you agree to our terms of service and acknowledge you have read our privacy policy.

¿No es la respuesta que buscas? Examina otras preguntas con la etiqueta o formula tu propia pregunta.