CMS-CSE/core/views/pages/cms.evenement-inscription-upload.php

<?php 
    $evenement = event::getFiche(core::getGet("id"));
?>
<link rel="stylesheet" href="css/dragAndDrop.css">

<header class="d-flex flex-column flex-md-row align-items-md-center p-3 bg-light ">
    <h2 class="bd-title" id="content">
        <span>Evènement : Importer un fichier Excel</span>
    </h2>
</header>
<?php   
        echo core::filAriane(array(
            "current" => "Importer un fichier Excel", 
            "arbo" => array( 
                "Evènement" => NULL,
                "[#" . $evenement["id"] . "] " . $evenement["titre"] => "/evenement-" . core::getGet("id") . ".html",
                "Importer un fichier Excel" => NULL)
        )); 
?>
<br />
<form action="/submit.php" method="post" enctype="multipart/form-data" onsubmit="loading()">
    <input type="hidden" name="from" value="event-import-inscription"> 
    <input type="hidden" name="event" value="<?php echo $evenement["id"] ?>">
    <div class="file-drop-area">
        <span class="choose-file-button">Choisissez votre fichier Excel (XLSX)</span>
        <span class="file-message">ou déposez le dans cette zone</span>
        <input id="event-import-inscription" class="import-excel" name="event-import-inscription" type="file" onchange="dargAndDrop()">
    </div>
    <br />
    <input class="btn btn-primary btn-lg" style="width: 100%" type="submit" value="Charger le fichier excel">
</form>

<script>
    function dargAndDrop(){    
        var fileName = $("#event-import-inscription").val().split('\\').pop();
        $(".file-message").text($(".file-message").text().replace("ou déposez le dans cette zone", "Fichier prêt à être chargé : "+fileName));
    }
</script>