Fonction-cancel-image

.vscode/settings.json

+{
+      "editor.mouseWheelZoom": true
+}
\ No newline at end of file

index.php

@@ -50,6 +50,7 @@
                     <input id="btnSubmit" type="submit" name="submit" value="Vérifier" class="btn-form">       
                 </div>
             </form>
+            <button id ="cancel" type="button">Annuler</button>
             <script>
 
                 const inpFile = document.getElementById("fileUpload");

script.js

@@ -8,7 +8,8 @@ const URL_END = 'byebye.html';
 
 const timeout = 5000;
 
-const ID = "img-ID";
+const ID = "img-ID"; var Img;
+const ID_bg = "img-ID2"; var ImgBG
 const canva = "canvas";
 // console.log($("#"+ID).attr('src'));
 
@@ -20,6 +21,9 @@ const idBtnSubmit = 'btnSubmit';var btnSubmit;
 
 const idStatut = "span-status";
 
+//Variables concernant le bouton "Annuler"
+const idCancel = "cancel"; var btnCancel;
+
 var errorFormat = true;
 var errorRemoveBackGround = true;
 
@@ -27,6 +31,8 @@ var unSeulVisage = false;
 var format_correct = false;
 
 
+
+
 // SCRIPT ====================================================================================
 
 $(document).ready(function(){
@@ -34,11 +40,16 @@ $(document).ready(function(){
   // console.log(inputFileUpload.val());
   console.log(getParameter(window.location.href));
   btnCustomFileUpload = $("#"+idCustomFileUpload);
+  Img  = $("#"+ID);
+  ImgBG = $("#"+ID_bg);
   btnSubmit = $("#"+idBtnSubmit);
+  btnCancel = $("#"+idCancel);
   Console = $("#"+idConsole);
+
+
     //empêcher de valider si la photo n'est pas valide
     inputFileUpload.change(function(){unSeulVisage=false;format_correct=false});
-    //requête pour les vérifications de sécurité
+    //Requête pour les vérifications de sécurité & de format
     $("#form").on("submit",function (event) {
         event.preventDefault();
         var formData = new FormData(this);
@@ -94,7 +105,7 @@ $(document).ready(function(){
     });
     
 
-    //Etape du choix de l'addresse mail.
+    //Récupération des données concernant l'étudiant & proposition des différentes addresses mail.
     studentId = getParameter(window.location.href);
     $.ajax({
         url: URL_WEB_API,
@@ -140,6 +151,15 @@ $(document).ready(function(){
         }
     })
 
+    //Lorsque l'utilisateur souhaite changer d'image
+    btnCancel.on('click', function(){
+      unSeulVisage = false;
+      format_correct = false;
+      ImgBG.attr('src',"");
+      Img.attr('src',"");
+      $("#li-oneface").css('color','black');
+    });
+  
 
   
 });