2010-09-07 6 views

Répondre

70
<img src="../images/logo.png"> 
      __ ______ ________ 
      | |  | 
      | |  |___ 3. Get the file named "logo.png" 
      | | 
      | |___ 2. Go inside "images/" subdirectory 
      | 
      | 
      |____ 1. Go one level up 
+0

je vais avoir un point pour un niveau vers le bas dans le répertoire – Moon

+7

Non, vous n'en avez pas besoin. '.' signifie répertoire actuel,' ..' signifie répertoire parent. – aularon

+0

@aularon fait donc ... deux répertoires ci-dessus et ainsi de suite? – Boggartfly

3

Votre index.html peut faire juste src="images/logo.png" et de sub.html vous ferait src="../images/logo.png"

76

../images/logo.png va vous retourner un dossier.

../../images/logo.png vous ramènera à deux dossiers.

/images/logo.png vous ramènera au dossier racine, peu importe où vous êtes /.

+3

Juste pour ajouter un point. Si vous utilisez localhost sur IIS, /images/logo.png ne produira aucune image. Il va chercher dans la racine de l'hôte local au lieu de l'application. Jetez un oeil à http://stackoverflow.com/a/15357705/114169 – 100r

+0

où serait le dossier racine dans ce cas? le dossier contenant les images, sub_folder et index.html, ou le dossier racine du projet? –

+0

@ Ashl7 Le dossier racine est celui auquel on accède via le domaine sans aucun sous-dossier spécifié. – AntonChanning

6

La référence relative serait

<img src="../images/logo.png"> 

Si vous connaissez l'emplacement par rapport à la racine du serveur, qui peut être l'approche la plus simple pour une application avec une hiérarchie complexe répertoire imbriqué - ce serait la même chose de tous les dossiers.

Par exemple, si votre arborescence décrit dans votre question est par rapport à la racine du serveur, puis index.html et sub_folder/sub.html serait à la fois l'utilisation: dossier

<img src="/images/logo.png"> 

Si les images est place dans la racine d'une application comme foo en dessous de la racine du serveur (par exemple http://www.example.com/foo), puis index.html (http://www.example.com/foo/index.html) par exemple, et sub_folder/sub.html (http://www.example.com/foo/sub_folder/sub.html) à la fois l'utilisation:

<img src="/foo/images/logo.png"> 
0

../ t Akes vous un dossier dans l'arborescence. Ensuite, sélectionnez le dossier approprié et son contenu.

../images/logo.png 
0

lorsque vous téléchargez vos fichiers sur le serveur attention, quelques grimoires vos images ne seront pas apparaître sur la page Web et une icône défectueux apparaîtra cela signifie que votre chemin de fichier n'est pas correctement arrangé ou code lorsque vous avez la la structure de fichier suivante le code devrait être comme ceci Structure de fichier: -> web (dossier principal) -> images (sous-dossier) -> logo..png (image dans le sous-dossier) le code ci-dessus est inférieure à suivre cette norme

<img src="../images/logo.jpg" alt="image1" width="50px" height="50px"> 

si vous avez téléchargé vos fichiers sur le serveur Web en négligeant la structure du fichier avec sur la création du web dossier si vous téléchargez directement les fichiers alors vos images seront cassées, vous ne pouvez pas voir les images, puis modifiez le code comme suit

<img src="images/logo.jpg" alt="image1" width="50px" height="50px"> 

remercier vous-> Vamshi Krishnan

0

lorsque vous téléchargez vos fichiers sur le serveur attention, certaines tomes vos images seront n'apparaît pas sur la page Web et une icône plantage apparaîtra qui signifie que votre chemin de fichier n'est pas correctement organisé ou codé lorsque vous avez la structure de fichier suivante le code devrait être comme ceci Structure du fichier: -> web (dossier principal) -> images (sous-dossier) -> logo.png (image dans le sous-dossier) le code ci-dessus est inférieure à suivre cette norme

< img src="../images/logo.jpg" alt="image1" width="50px" height="50px">

si vous avez téléchargé vos fichiers sur le serveur Web en négligeant la structure de fichier sur la création du dossier Web si vous téléchargez directement les fichiers, puis vos images seront brisées vous ne pouvez pas voir les images, puis changer le code comme suit

<img src="images/logo.jpg" alt="image1" width="50px" height="50px"> 

merci-> vamshi krishnan

Questions connexes