afficher d'un aperçu d'image avant upload

[aityahia]

salut tous le monde

j'ai une application en PHP de gestion des ressources humaines, alors j'aimerai que dans le formulaire d'ajout l'utilisateur puisse prévisualiser une image avant de l'uploder sur le serveur, j'ai esayer avec ce script mais ça ne donne rien .

Code :

1
2
3
4
5
6
7
8
function onFileChange(input) {
              if (window.ActiveXObject) {
                 document.getElementById('dosphoto').style.filter='progid:DXImageTransform.Microsoft
                       .AlphaImageLoader(src="file://'+input.value+'")';
             } else {
                 document.getElementById('dosphoto').src="file:///"+input.value;
 
          }

soit 'dosphoto' Id de mon image

Code :

<input type="file" name="image" id="image" size="1" onchange="onFileChange(this)" />