Comment vérifier si une image existe sur un serveur utilisant JavaScript ?

Vérification de l'existence d'une image sur un serveur avec JavaScript

Si vous devez déterminer si une image spécifique est accessible sur un serveur dans une page Web chargé avec des images 1.jpg à 5.jpg, JavaScript peut être utile.

Solution :

L'approche suivante vous permet de créer une fonction JavaScript qui vérifie l'image existence chaque minute :

1. Utiliser l'objet XMLHttpRequest :

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

Cette fonction effectue une requête HTTP HEAD à l'URL de l'image et vérifie si le serveur répond avec un statut 404, indiquant que l'image n'existe pas.

2. Vous pouvez également utiliser jQuery ou une autre bibliothèque similaire :

   $.get(image_url)
    .done(function() { 
        // Perform some action if the image exists.
   
    }).fail(function() { 
        // Perform an alternative action if the image does not exist.
   
    })

Grâce à la méthode jQuery, vous pouvez faire une requête GET asynchrone et spécifier différentes actions à exécuter en fonction de la réponse du serveur.

En implémentant une de ces techniques, vous pouvez récupérer ces informations dans votre code JavaScript, permettant vous de gérer dynamiquement le chargement de vos images en fonction de leur disponibilité sur le serveur.

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!