Problème de compatibilité !
Posté : 23 mai 2005, 12:07
Bonjour a tous,
j'ai actuellement un problème qui m'embete sérieusement.
Je désire faire un formulaire qui va permettre de stocker une image.
Ceci n'est pas difficile, je suis d'accord.
Mais, il a toujours un mais... Je veux qu'il y ait un aperçu du fichier sélectionné dans le <input file>, sans l'upload pour ne pas rendre le site trop lent.
Pour cela je suis obligé de faire un javascript, pas compliqué. Ainsi l'utilisateur va faire parcourir, il va sélectionner un fichier .jpg sur son disque dur, et je veux que dès que cette sélection est faite l'aperçu s'affiche. Sans upload hein, je rappelle, d'ou l'interet de faire un javascript pour rester en local. Cela doit se faire instantanement ou en cliquant sur un bouton "onClick" qui va lancer le script.
J'ai réussi a faire une fonction qui marche, mais gros problème, cette fonction marche sur internet explorer, mais pas sous Firefox.
Voici le code :
Et ca c le code de mon <input file> :
J'ai aussi mis au début de la page.
Quelqu'un saurait il comment rendre compatible ce code pour Firefox ??
Merci d'avance
j'ai actuellement un problème qui m'embete sérieusement.
Je désire faire un formulaire qui va permettre de stocker une image.
Ceci n'est pas difficile, je suis d'accord.
Mais, il a toujours un mais... Je veux qu'il y ait un aperçu du fichier sélectionné dans le <input file>, sans l'upload pour ne pas rendre le site trop lent.
Pour cela je suis obligé de faire un javascript, pas compliqué. Ainsi l'utilisateur va faire parcourir, il va sélectionner un fichier .jpg sur son disque dur, et je veux que dès que cette sélection est faite l'aperçu s'affiche. Sans upload hein, je rappelle, d'ou l'interet de faire un javascript pour rester en local. Cela doit se faire instantanement ou en cliquant sur un bouton "onClick" qui va lancer le script.
J'ai réussi a faire une fonction qui marche, mais gros problème, cette fonction marche sur internet explorer, mais pas sous Firefox.
Voici le code :
Code : Tout sélectionner
<script langage="JavaScript1.4">
function test(im)
{
document.getElementById('im').src=form1.image.value;
}
</script>
Code : Tout sélectionner
<tr align="left" valign="middle">
<td>
<p> Aperçu : </p>
<p><input type="button" name="Submit2" value="affImage" onClick="test(im);"></p>
</td>
<td height="172" colspan="2" align="center">
<img src="" width="138" height="141" id="im">
</td>
</tr>Code : Tout sélectionner
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
Quelqu'un saurait il comment rendre compatible ce code pour Firefox ??
Merci d'avance