Código de JavaScript - Controlar la carga de una imagen

Val: 211

Controlar la carga de una imagen

Publicado el 9 de Diciembre del 2019 por Joan (121 códigos)

1.994 visualizaciones desde el 9 de Diciembre del 2019

Este código nos indica si una imagen se ha cargado correctamente o si ha habido algún error.

Publicado el 9 de Diciembre del 2019

342 visualizaciones desde el 9 de Diciembre del 2019

<!DOCTYPE html>

<html>

<body>

    <img src="https://image.ibb.co/fUL9nS/wolf.png">

</body>

</html>

<script>

var img = document.querySelector('img');

function loaded() {

    console.log("la imagen se ha cargado");

if (img.complete) {

    loaded();

} else {

    console.log("Cargando evento load");

    img.addEventListener('load', loaded);

console.log("Cargando evento error");

img.addEventListener('error', function() {

    console.log("ERROR al cargar la imagen");

});

</script>

No hay comentarios


Nombre

Correo (no se visualiza en la web)

Valoración

Comentarios...

CerrarCerrar

Es necesario revisar y aceptar las políticas de privacidad

Acepto las políticas de privacidad

Publicado el 9 de Diciembre del 2019

1.653 visualizaciones desde el 9 de Diciembre del 2019

http://lwp-l.com/s5714

Buscar un elemento superior en el DOM por su tipo

Suma de valores