Vérifier si une image existe

Bonjour,

Voilà, j'ai un logo que j'aimerais imprimer avec les documents que je sort de mon site. Ce logo est au format jpg mais j'aimerais effectuer le test pour voir si je possède bien ce fichier à l'emplacement spécifié. Si ce n'est pas le cas, j'affiche un message. Comment pourrais-je faire cela avec du javascript?

Merci

Michaël

Tu ne peux pas, mais tu peux te servir d'un timeout (de par exemple 3 secondes) au delà duquel tu affiches un message d'erreur si l'évenement onload de l'image n'a pas été invoqué.

tu peux utiliser XmlHttpRequest pour le faire et faire un test sur responseCode. Si tu obtiens un nombre entre 200 et 299, c'est bon. Sinon, c'est pas bon.

Citation:

---

Envoyé par dingoth

tu peux utiliser XmlHttpRequest pour le faire et faire un test sur responseCode. Si tu obtiens un nombre entre 200 et 299, c'est bon. Sinon, c'est pas bon.

---

Je ne connait pas cela. Tu saurait me mettre un exemple de code STP? Cela serait vraiment sympa.

Merci

Ou beaucoup plus simple ....

Code:

---

1 2 3 4 5 6 7 8

function checkImg(){ var tester=new Image() tester.onload=function() {alert('Image chargée')} tester.onerror=function() {alert('L\'image n\'existe pas')} tester.src="http://www.temp.com/image.jpg"; tester.src="http://www.paris-360.com/admin/upload/tuilerie_neige hd.jpg"; }

---

tu remplace la fonction avec l'alert par ce que tu veux et l'url de l'image est valide tu peux faire un test ;)

onerror n'est pas DOM.
Passer par de l'xmlrequest n'est pas optimal.

bon, je m'y colle ^^

Code:

---

1 2 3 4 5 6 7 8 9 10 11 12 13 14

<script language="javascript" type="text/javascript"> <!-- logo = false;   function logoLoaded() { logo = true; }   function loaded() { if (!logo) alert ("le logo est introuvable."); } --> </script>

---

avec onLoad="loaded();" pour ta balise body et onload="logoLoaded();" pour ta balise img (ton logo).

Citation:

---

Envoyé par le_chomeur

Ou beaucoup plus simple ....

Code:

---

1 2 3 4 5 6 7 8

function checkImg(){ var tester=new Image() tester.onload=function() {alert('Image chargée')} tester.onerror=function() {alert('L\'image n\'existe pas')} tester.src="http://www.temp.com/image.jpg"; tester.src="http://www.paris-360.com/admin/upload/tuilerie_neige hd.jpg"; }

---

tu remplace la fonction avec l'alert par ce que tu veux et l'url de l'image est valide tu peux faire un test ;)

---

Ta solution a l'air de donner quelque chose en effet. Je vais améliorer cela... :yaisse2:

Citation:

---

Envoyé par Sergejack

onerror n'est pas DOM.
Passer par de l'xmlrequest n'est pas optimal.

bon, je m'y colle ^^

Code:

---

1 2 3 4 5 6 7 8 9 10 11 12 13 14

<script language="javascript" type="text/javascript"> <!-- logo = false;   function logoLoaded() { logo = true; }   function loaded() { if (!logo) alert ("le logo est introuvable."); } --> </script>

---

avec onLoad="loaded();" pour ta balise body et onload="logoLoaded();" pour ta balise img (ton logo).

---

Je vais essayer cette solution la aussi.

Merci

Citation:

---

onerror n'est pas DOM.

---

8O8O8O ????

http://developer.mozilla.org/en/docs/DOM:window.onerror

Cela veut dire quoi cela?

onError n'est pas DOM???

Ca veut dire qu'il y a de fortes chances que ce ne soit pas reconnus par tous les navigateurs car ce n'est pas dans la spécification officiel du W3C sans parler du fait que son fonctionnement n'est pas forcément bien clair.