Discussion :

[mika0102]

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

[Sergejack]

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é.

[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.

[mika0102]

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

[le_chomeur]

Ou beaucoup plus simple ....

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

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

[Sergejack]

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

bon, je m'y colle ^^

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

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).

[mika0102]

Ou beaucoup plus simple ....

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

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...

[mika0102]

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

bon, je m'y colle ^^

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

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

[le_chomeur]

onerror n'est pas DOM.

????

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

[mika0102]

Cela veut dire quoi cela?

onError n'est pas DOM???

[_Mac_]

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.