Bonjour,
J'essaie de mettre en place sur mon site une fonction de preview d'image à partir de champ file (avant téléchargement).
J'ai déjà un script qui me fait une preview d'une image de mon disque dur.
Mais j'ai deux problèmes :
- comment faire pour afficher une sorte de tableau de preview qui se rempli au fur et à mesure des choix de fichiers (et que je pourrai uploader après)
- comment faire marcher la preview sous Mozilla ?
(qui ne marche aujourd'hui que sous IE)
Merci !
Email : dream.ed@online.fr
Voici mon code :
<html>
<bod>
<script>
function Sync_Picture(obj) {
document.getElementById("PicturePreview").innerHTML = "<img src='" + obj.value + "' width=50 height=50>";
};
</script>
<form>
<input type="file" name="Picture1" OnChange="javascript:Sync_Picture(this)"><br>
<input type="file" name="Picture2" OnChange="javascript:Sync_Picture(this)"><br>
<input type="file" name="Picture3" OnChange="javascript:Sync_Picture(this)"><br>
</form>
<table width="150" border="1" bordercolor="#000000">
<tr>
<td width="50"> </td>
<td width="50"> </td>
<td width="50"> </td>
</tr>
</table>
<span id="PicturePreview"></span>
</body>
</html>