Hébergements Web - Images Ok en local / "Impossible de charger l'image" sur serveur
BMPCreated with Sketch.BMPZIPCreated with Sketch.ZIPXLSCreated with Sketch.XLSTXTCreated with Sketch.TXTPPTCreated with Sketch.PPTPNGCreated with Sketch.PNGPDFCreated with Sketch.PDFJPGCreated with Sketch.JPGGIFCreated with Sketch.GIFDOCCreated with Sketch.DOC Error Created with Sketch.
Frage

Images Ok en local / "Impossible de charger l'image" sur serveur

Von
ThomasG17
Erstellungsdatum 2019-02-26 17:46:58 (edited on 2024-09-04 13:25:11) in Hébergements Web

Bonjour à tous,

Je débute. Site web statique html/css.
Je viens de mettre le site sur hébergement OVH.
En local les images du site s'affichent.
En distant l'inspecteur html renvoi "impossible de charger les images".
Si je pointe l'adresse exacte des images dans le répertoire www du serveur, le navigateur affiche "Not found" . Pourtant les fichiers images sont présents sur le serveur.

Je n'ai pas l'impression que cela vienne des chemins src images car tout fonctionne en local.
Y a t'il une histoire de droit d'accés ?

Merci pour votre aide.

Thomas


11 Antworten ( Latest reply on 2019-02-27 08:07:36 Von
ThomasG17
)

en local ton serveur s'appelait http://locahost
sur le net https://domaine

si tu as fais l'erreur de coder tes ressources avec une adresse (url) absolue: échec!
donc si cela vient de src="" qui devrait **vraiment** être relatif au fichier appelant
pour éviter de genre de désagréments

Mes ressources sont dirigées en relatif :




le dossier "photographie" se trouve à la racine du www, comme mon index.html.

quel domaine?

(il y a forcément une erreur dans les src..)

http://thomasguillin-photographe.fr/

ok je vais remonter mes chemins une fois encore

```text ctrl + shift + i: devtools (avec un navigateur décent)

```text

GET http://thomasguillin-photographe.fr/photographie/espaces-architecture/architecture%281).jpg [HTTP/1.1 404 Not Found 66 ms]
GET http://thomasguillin-photographe.fr/photographie/reportage-evenementiel/evenement%2848).jpg [HTTP/1.1 404 Not Found 65 ms]
GET http://thomasguillin-photographe.fr/photographie/portrait-collaborateurs/portrait_une1.jpg [HTTP/1.1 404 Not Found 65 ms]
GET http://thomasguillin-photographe.fr/photographie/masthead/entreprise%2817).jpg [HTTP/1.1 404 Not Found 15 ms]
GET http://thomasguillin-photographe.fr/photographie/masthead/evenement%2813).jpg [HTTP/1.1 404 Not Found 15 ms]
```

alors oui, relatif peut etre partout, mais erreur de chemin?
exemple (pour developper, ça serait **ULTRA ** pratique de ne pas minifier):
`photographie/masthead/entreprise(17).jpg`

dans http://thomasguillin-photographe.fr/css/grayscale.min.css:
`url('../photographie/masthead/entreprise(17).jpg');` ```

Ca peut venir des signes spéciaux dans les urls des images "(" et")"



src="photographie/reportage-evenementiel/evenement **(45)**.jpg"


normalement il vaut mieux d'éviter des signes spéciaux dans les urls

désolé pour le minifié..

dans http://1photographe.fr/css/grayscale.min.css:photographe.fr/css/grayscale.min.css:
url('../photographie/masthead/entreprise(17).jpg');

le .css est dans un répertoire différent et gère les images background, donc j'appel les images un niveau au dessus .

Merci pour tes recherches.

Je vais essayer aussi d’ôter les caractères spéciaux

```text j'ai pas fait attention à ça, mais OUI, pas d'espaces, ni de caractères accentués ou supérieur à ascii127

ce n'est pas une règle absolue, mais le meilleur moyen d'échapper à murphy surtout si origine windows (encodage utf-8 du systeme bien crade, pardon, propre à microsoft)

mais les parenthèses ne font pas partie des caractères à éviter
si j'en crois ton css, tu as
```text
/
/www/index.html
/photographie/masthead/entreprise(17).jpg
/css/grayscale.min.css
```
oui/non?

mais http://thomasguillin-photographe.fr/photographie/masthead/entreprise%2817).jpg ==> 404 not found ```

Oui c'est ça !
je reprends pour ma compréhension :

www/index.html
www/photographie/masthead/entreprise(17).jpg
www/css/grayscale.min.css

> www/photographie/masthead/entreprise(17).jpg

oui, mais ça c'est en erreur 404, inexistant...
peut-être as tu oublié de charger les images? ça peut expliquer pas mal de choses aussi ;)

Les fichiers images apparaissent sur le serveur dans filezilla..

Je vais faire une pause.
Merci pour ton aide kyodev


peut-être as tu oublié de charger les images? ça peut expliquer pas mal de choses aussi ;)



Si les images sont sur le serveur

bah non, justement, on parle de la (17)...
tu vois bien que http://1photographe.fr/photographie/masthead/entreprise%2817photographe.fr/photographie/masthead/entreprise(17).jpg est en erreur ?


bah non, justement, on parle de la (17)...
tu vois bien que http://thomasguillin-photographe.fr/photographie/masthead/entreprise(17).jpg est en erreur ?



Mais bien présent sur le serveur

Enfin j'ai trouvé
les fichiers sur le serveur ont l'extension **.JPG** en majuscule mais les url's sont renseignés en **.jpg** en minuscules

oui, tout mettre en minuscule est aussi une bonne manière d'éviter murphy

* oui, tout mettre en minuscule est aussi une bonne manière d'éviter murphy

* curieux, si votre localhost est sur apple, Mac est aussi sensible à la casse.

* des images de 500ko c'est très limite, mais des jpeg supérieurs à 1 Mo c'est tout sauf SEO

Merci à vous deux,

J'essayerai ça demain !

C'était bien ça,
l'extension .jpg en majuscule sur le serveur et en minuscule dans le code.

Bien vu , et merci !