Après plusieurs essais, je me suis rendu compte que le problème venait du cache... Lorsque je cherche à faire des redirections de pages avec js.
Il faudrait qu'à chaque fois que je reviens sur ma page, que le cache vide uniquement les valeurs de la taille de l'image que j'ai fournis précédemment (width et height) pour que l'image actuel puisse entrer dans ma condition correctement.
Voici le code :
<div class="text-center">
<!-- bandeau de presentation de la page-->
<h2 style="text-align: center;" class="grosseur">Cadrage de la photo</h2>
<figure class="figure">
<?php echo'<img class="img" src="./img_tmp/'.$user_id.'-identite.'.$ext.'" id="cropbox"/>' ?>
</figure>
var width;
function getwidth(){
width = document.getElementById("cropbox").clientWidth;
}
getwidth();
var height;
function getheight(){
height = document.getElementById("cropbox").clientHeight;
}
getheight();
// Redirection de page en fonction de la taille de l'ecran et de l'image
if ( width <= 120 && height <= 120 ) {
window.location.replace('https://www.ccb81.fr/embauche/resize_img.php?extension=<?php echo ($ext);?>');
}
Je ne sais pas comment m'y prendre, j'ai essayé de chercher sur divers forum mais en vain...