afficher image champ "files"

Version imprimable

24/01/2008, 16h51
poitierjohan

afficher image champ "files"

Bonjour à tous,

J'ai une zone avec laquelle on peu uploader une photo vers le serveur...
La méthode de 'upload se fait via un scrit php... soit...

Ce que je souhaiterais, c'est que lorsque j'ai selectionné ma photo, celle-ci s'affiche directement sur ma page en guise de prévisualisation...

Comment faire???

Merci pour votre aide...
24/01/2008, 17h12
psychomatt

Peut être en faisant un truc du style

Code:

maBaliseImg.src = 'file://'+cheminImage

mais c'est simplement une idée et sans garantie que cela fonctionne.

voila les bases :

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
 
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>Document sans nom</title>
<script type="text/javascript">
 
function preview(urlImage)
 {
	var DivToAdd = document.getElementById('divTest');
	var imageTemp = document.createElement("img");
	imageTemp.src =  "file:///"+ urlImage;
	DivToAdd.appendChild(imageTemp);
 }
</script>
</head>
 
<body>
<div id="divTest"></div>
<input type="file" name="titi" id="titi" onchange="preview(this.value)" />
</body>
</html>

il te reste à vérifier si l'id n'as pas déja été créé et à fixer la taille de l'aperçu ;)