afficher image champ "files"

**poitierjohan** · 24/01/2008, 16h51

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...

**psychomatt** · 24/01/2008, 17h12

Peut être en faisant un truc du style

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

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

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

**le_chomeur** · 24/01/2008, 17h16

voila les bases :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

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

afficher image champ "files"

JavaScript

Partager

Partager