<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Formulaire d'upload de fichiers</title>
    <!-- API TenserFlow -->
</head>
<body>
<script src="https://cdn.jsdelivr.net/npm/@tensorflow/tfjs"></script>
    <script src="https://cdn.jsdelivr.net/npm/@tensorflow-models/blazeface"></script>
    <script src="jquery.js"></script>
    <script src="script.js"></script>
    <form  id ="form" action="" method="" enctype="multipart/form-data">
        <h2>Upload Fichier</h2>
        <div id ="div-ID" >
            <canvas id="canvas" ></canvas>
            <img id="img-ID" src=""  height="150em"/>
        </div>
        <label for="fileUpload">Fichier:</label>
        <input type="file" name="photo" id="fileUpload">
        <input id="#btnSubmit" type="submit" name="submit" value="Upload">
        <p><strong>Note:</strong> Seuls les formats .jpg et .png sont autorisés jusqu'à une taille maximale de 5 Mo.</p>
        <p id="p-status"><strong>Statut :</strong></p>       
    </form>
    <div id="div">
    </div>
</body>
</html>
