Partage
  • Partager sur Facebook
  • Partager sur Twitter

Aucune valeur dans l'input file

Aucune valeur dans l'input file

Sujet résolu
    18 octobre 2020 à 14:59:01

    Bonjour, 

    je ne comprends pas pourquoi lorsque je choisis un fichier avec l'input file, sa valeur ne change pas

    Voici le code:

    <!DOCTYPE html>
    <html lang="fr">
    <head>
        <meta charset="UTF-8">
        <meta name="viewport" content="width=device-width, initial-scale=1.0">
        <title>Document</title>
        <link rel="stylesheet" href="./css/create.css">
    </head>
    <body>
        <form action="create.php" method="post" enctype="multipart/form-data">
            <div class="wrapper"><br>
                <h1>Create a course</h1><br>
                <input type="text" name="titre" placeholder="Titre" autocomplete="off"/><br /><br>
                <input type="File" name="file" id="real-file" hidden="hidden"/>
                <button id="custom-button">CHOOSE A FILE</button>
                <span id="custom-text">No file chosen</span>
                <p>logo</p>
                <input type="text" name="text" placeholder="Text" autocomplete="off"/><br /><br>
                <input type="text" name="creator" placeholder="Temps" autocomplete="off"/><br /><br>
                <br />
                <br>
                <input type="submit" value="Créé le cours" name="submit">
            </div>
        </form>
    </body>
    <script type="text/javascript">
        const realFileBtn = document.getElementById("real-file");
        const customBtn = document.getElementById("custom-button");
        const customText = document.getElementById("custom-text");
    
        customBtn.addEventListener("click", function() {
            realFileBtn.click();
        });
    
        realFileBtn.addEventListener("change", function() {
            if(realFileBtn.value) {
                customText.innerHTML = realFileBtn.value.match(/[\/\\]([\w\d\s\.\-\(\)]+)$/)[1];
            } else {
                customText.innerHTML = "No file chosen";
            }
        });
    </script>
    </html>

    Donc si quelqu'un pourrait pourquoi cela ne marche pas je le remercie. :D  

    -
    Edité par Lksdev 18 octobre 2020 à 14:59:45

    • Partager sur Facebook
    • Partager sur Twitter

    Aucune valeur dans l'input file

    × 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