Bonjour à tous, après avoir fouiller quelques temps dans le forum, je ne trouve pas de réponse à un probleme.
Voici mon code :
function voir_image()
{
img_selectionnee.src=nom_medias.value;
img_selectionnee.style.visibility='visible';
var largeur_img=0;
var hauteur_img=0;
var ratio=0;
largeur_img=img_selectionnee.width;
hauteur_img=img_selectionnee.height;
if (largeur_img>300)
{
largeur=300;
}
if (hauteur_img>300)
{
ratio=300/largeur_img;
hauteur=ratio*hauteur_img;
img_selectionnee.width=largeur;
img_selectionnee.height=hauteur;
}
}
Sur ma page:
<input type="file" name="nom_medias" size="80" onChange="voir_img();">
<img name="img_selectionnee" id="img_selectionnee" style="visibility: hidden">
Mon problème est le suivant:
Lorsque je vais chercher une image sur mon ordinateur, mon image apparaît bien dans la fenêtre, et le script applique bien le redimensionnement si necessaire.
Maintenant, si je décide de choisir une autre image avec mon input file sans recharger ma page, il garde les dimensions données à la dernière image chargée, ce qui fait que le script de redimmensionnement est applique meme si l'image que je viens de charger à une dimension < 300.
J instancie bien mes variables à chaque appel de ma fonction, donc je ne comprend pas pourquoi le script garde plus ou moin les valeurs en "memoire". J'ai essaye de faire des "delete" sur mes variables mais ca n'y change rien.
Existe t'il un moyen de supprimer "en mémoire" définitivement des variables qui viennent d'être utilisées en javascript?
Y a t'il peut être une autre solution à ce probleme?
Merci de votre aide.