Partage
  • Partager sur Facebook
  • Partager sur Twitter

Fichier HTML n'affiche pas l'image en base64

Sujet résolu
    22 septembre 2022 à 13:59:07

    Bonjour,

    Je crée un fichier en HTML qui fonctionne bien hormis un code basé sur une image en base64 (du type data:image/png;base64, iVBORw0KGgoAAAANSU...). Si je colle le code de l'image dans le navigateur, elle s'affiche mais elle ne s'affiche pas en ouvrant le fichier html. J'ai essayé avec plusieurs navigateurs (chrome, edge, firefox). 

    Quelqu'un a une idée sur ce qui peut bloquer ?

    Voici un exemple du code:

    <!DOCTYPE html>
    
    <html>
    
    <head>
    
    <title>Test d'exportation en PDF</title>
    
    </head>
    
    <body>
    
    <h1><b>Test d'exportation en PDF</b></h1>
    
    <br>
    
    ID: 1
    
    <br>
    
    Nom: 001
    
    <br>
    
    Date: 21/09/2022
    
    <br><br>
    
    <div><img scr ="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAXAAAACUCAYAAACKu3IfAAAAAXNSR0IArs4c6QAAGwZJREFUeF7tnQm0TeX7x980UQihoonMsSqFlCnzEJUGUxFpWDSPVKJZJJGIDFFKhtIsodGQDFFJ5RqjDFc0KAr/9Xl+a5//uTdx73GGvff5Pmvd9at+5+z97s/7nu95z/M+wyF79+7d62QiIAIiIAKBI3CIBDxwc6YBi4AIiIARkIBrIYiACIhAQAlIwAM6cRq2CIiACEjAtQZEQAREIKAEJOABnTgNWwREQAQk4FoDIiACIhBQAhLwgE6chi0CIiACEnCtAREQAREIKAEJeEAnTsMWAREQAQm41oAIiIAIBJSABDygE6dhi4AIiIAEXGtABERABAJKQAIe0InTsEVABERAAq41IAIiIAIBJSABD+jEadgiIAIiIAHXGhABERCBgBKQgAd04jRsERABEZCAaw2IgAiIQEAJSMADOnEatgiIgAhIwLUGREAERCCgBCTgAZ04DVsEREAEJOBaAyIgAiIQUAIS8IBOnIYtAiIgAhJwrQEREAERCCgBCXhAJ07DFgERODgCGRkZbtCgQe7nn392LVq0cJ06dTq4C6bg3RLwHECfMGGCK1u2rDv77LNz8Gq9RAREwO8Epk+f7kaMGOEyMzPdkUce6dq1aycB9/ukxTK+Hj16uAEDBrhDDjnE5c+f31WuXNndddddrmXLlrFcTu8RARFIIQF23WzI3n//fXfooYe6UqVKueuuu86de+65KRxV7LfWDvwA7CZOnOi6d+/utm/f7vbu3Rt59dFHH21iftVVV7nrr78+9hnQO0VABBJG4KeffnLvvvuumzdvnvv222/dhg0b7HNcqFAh17FjR3fbbbcl7N7JuLAEPIeU33zzTTdkyBC3ZMkSt23bNrdnz57IO/Ply+fKlCnj2rZt6+6+++4cXlEvEwERiDeBrVu3urffftvNnTvXBHvdunVZPqtHHXWU7brbt29vf0E3CXgMM7h8+XLXu3dv+1bftGmT++effyJXwZ920kkn2aHIk08+GcPV9RYREIGcEvjrr78cm6vZs2e7ZcuWuTVr1ri///478vbDDz/cnXzyya5SpUquVq1arkmTJu6YY47J6eV9/zoJeBym6KabbnIciqxfv97t3Lkzy+IpX768uWC6du0ahzvpEiIgAgj2Z5995r766isT7D///DMChbOqE044wVWsWNHVqFHDNW3a1DZUYTUJeJxn9rHHHnOTJ092K1eudH/88YcdlLCojj/+eFtMw4YNi/MddTkRCDeBmTNnuilTprhFixaZYLPrxoft2bHHHmtRYtWqVXONGjVyVapUCTeQqKeTgCdwqvGZv/zyy/bTztuZc/h55plnmq+8cePGCby7Li0CwSSwYsUKN378eHOL/PDDD3bmFG18hs455xz7HNWrV8/+0tUk4EmY+S1btribb77Zffrpp45/xvLkyeNOOeUUd9lll7mHHnooCaPQLUTAnwR2797tRo8ebW5INjsk1kQHCfArFrcIfmx22HJH/v88SsCTvKb79etnuwtcLN7hZ+HChV3NmjVd37597aegTATCTmDatGlu6tSpbuHChe7HH380t0i0FSlSxJ122ml28Eh0V7ly5cKOJKbnk4DHhO3g3zR//nzXp08ft2DBAvfbb7/ZBY844gjHoefVV1/tunXrdvA30RVEwCcEvvvuO/fSSy+5OXPm2OYlu1uE8D4OG3GNkCRHtIjswAQk4AdmlPBX3HHHHe6tt96ynYiXLMShZ4MGDdzIkSMTfn/dQATiTQC3CKnqM2bMsHjsjRs37tMtcvrpp7uGDRvKLRLjBEjAYwSXiLdNmjTJDR482H399deRn5TsTM444wx36623ulatWiXitrqmCMSFAAk0hPgtXrz4P90iJLydf/757sorr3SlS5eOy33T+SIScB/OPmn7HHp++OGHbvPmzTZCQhE59GzdurV79NFHfThqDSndCHzzzTcWZUXW46pVq/bpFiGJhiJwF198se20ZfElIAGPL8+4X41sTg49Ca3yDj2JgaX4DkLOybxMBJJBYNeuXe755593xGWTjUy0SHR9oMMOOywSLUKIbJcuXZIxrLS+hwQ8INPPaT3hhp9//rkV1sJIEyZqhUNPskFlIhBvAm+88YbVFqEGEHVFskeLkERDtEjt2rWttojcIvGegf1fTwKeXN5xuRvlbPE18oHydkDFixd39evXt4MjhF0mArEQID39lVdesY0CpVe9zYJ3LZJocOVVrVrVXXTRRXKLxAI5ju+RgMcRZrIv9dprr1lHEQ49d+zYYbfn0JMyt7fccov5y2UisD8C1BEh0onzFi9aJLtbpESJEs6LFpFbxF/rSQLur/mIaTRU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"alt='Signature' width='200' height='200'></div>
    
    </body>
    
    </html>



    -
    Edité par GabrielLacroix8 22 septembre 2022 à 14:26:49

    • Partager sur Facebook
    • Partager sur Twitter
      22 septembre 2022 à 14:08:56

      Bonjour,

      Merci de colorer votre code à l'aide du bouton Code

      Les forums d'Openclassrooms disposent d'une fonctionnalité permettant de colorer et mettre en forme les codes source afin de les rendre plus lisibles et faciles à manipuler par les intervenants. Pour cela, il faut utiliser le bouton Code de l'éditeur, choisir un des langages proposés et coller votre code dans la zone prévue. Si vous utilisez l'éditeur de messages en mode Markdown, il faut utiliser les balises <pre class="brush: xml;">Votre code ici</pre>.

      Merci de modifier votre message d'origine en fonction.

      Liens conseillés


      Bonjour, c'est l’attribut src pour source, et pas scr

      Passez votre code au validateur pour voir ce genre d'erreur de syntaxe => https://validator.w3.org/

      • Partager sur Facebook
      • Partager sur Twitter
        22 septembre 2022 à 14:28:20

        Merci pour la réponse, le code venant d'une copie et je n'avais pas fait attention à src.

        -
        Edité par GabrielLacroix8 22 septembre 2022 à 14:28:31

        • Partager sur Facebook
        • Partager sur Twitter

        Fichier HTML n'affiche pas l'image en base64

        × Après avoir cliqué sur "Répondre" vous serez invité à vous connecter pour que votre message soit publié.
        × Attention, ce sujet est très ancien. Le déterrer n'est pas forcément approprié. Nous te conseillons de créer un nouveau sujet pour poser ta question.
        • Editeur
        • Markdown