Partage
  • Partager sur Facebook
  • Partager sur Twitter

L'URL de l'image avec le framework Angular

    30 août 2024 à 23:55:11

    Bonsoir tout le monde,

    Lorsque je veux importer une image d'un site extérieure, il n'y a pas de problème, j'ai bien compris comment mettre l'URL.

    Mais lorsque c'est pour une image de m'appartient, qui se trouve dans un dossier, où dois je mettre ce dossier?

    L'URL qui est normalement comme ceci :

    'https://cdn.pixabay.com/photo/2015/05/31/16/03/teddy-bear-792273_1280.jpg',

    Doit normalement ressembler à cela :

    '<img  alt="#" src="../images/amazone.webp>',

    Je ne sais pas si je me suis fait bien comprendre...

    Merci de bien vouloir m'aider.

    Cordialement

    • Partager sur Facebook
    • Partager sur Twitter
      31 août 2024 à 19:29:56

      Bonjour

      Le #est possible dans l'attribut href d'un lien pour que ce lien ne lance rien (explication rapide). Par contre, là, le navigateur va afficher le dièse si l'image n'est pas accessible (et dicté dièse pour les non-voyants). C'est pas top, non instructif.

      l'attribut src="../images/amazone.webp va chercher l'image dans le dossier enfant du dossier dans lequel se trouve la page web qui se nomme images. Est-ce bien ton cas ?

      Dossier parent
        -> ficheir.html
        -> autre fichier
        -> ...
        -> Dossier images
            -> amazone.webp
            -> autre image
            -> ...

      P.S. Ceci concerne le HTML, pas le JS.

      Cordialement.

      -
      Edité par Domi65 31 août 2024 à 19:42:17

      • Partager sur Facebook
      • Partager sur Twitter
        31 août 2024 à 22:36:16

        Merci pour ce retour;

        Effectivement le # n'est pas top, mais c'est parce que  c'est juste un exemple. Je changerai plus tard.

        Pour le reste, oui, c'est un dossier enfant.

        En ayant fais des recherches, j'ai lu que les images/photos devaient être dans un dossier qui s’appelle "assets",

        hors, celui ci, je ne le trouve pas dans l'arborescence de mon projet angular, faut il le créer? Et le placer ou?

        Merci encore

        Cordialement.

        • Partager sur Facebook
        • Partager sur Twitter
          1 septembre 2024 à 12:38:56

          « hors, celui ci, je ne le trouve pas dans l'arborescence de mon projet angular, faut il le créer? Et le placer ou? »

          Désolé, je ne connais pas du tout angular. Cela dit, cette page, trouvée par une petite recherche sur le web pourrait répondre à ta question.

          • Partager sur Facebook
          • Partager sur Twitter
            2 septembre 2024 à 17:56:25

            Merci,

            Je l'avais trouvé aussi et essayé, mais ça ne fonctionne pas chez moi.

            Je vais réessayer.

            Merci pour ton aide.

            • Partager sur Facebook
            • Partager sur Twitter
              4 septembre 2024 à 20:22:54

              Bonsoir la foule;

              Bien! j'ai réessayé mais en vain, ça ne fonctionne toujours pas.

              De plus, c'est par rapport à la version d'Angular, actuellement j'ai la 18, mais la méthode que j'avais trouvé

              ne fonctionne pas, en tout cas, pas chez moi.

              Alors, si il y a une personne qui s'y , aidez moi svp.

              Cordialement

              • Partager sur Facebook
              • Partager sur Twitter
                6 septembre 2024 à 16:37:55

                Bonjour, des articles en anglais(malheureusement):

                How to load an image in Angular with examples (cloudhadoop.com)

                - https://stackoverflow.com/a/45897605/13808068

                • Partager sur Facebook
                • Partager sur Twitter

                L'URL de l'image avec le framework Angular

                × Après avoir cliqué sur "Répondre" vous serez invité à vous connecter pour que votre message soit publié.
                • Editeur
                • Markdown