11552 sujets

JavaScript, DOM et API Web HTML5

Image upload

Bonjour

j'ai un boutton parcourir qui upload une image et une div <monImage> ;je veux savoir comment faire pour que l'image selectioné soit aparetre directement dans ma div apres le clique sur parcourir ?!!


merci d'avance Smiley ravi
Il faut intercepter le changement de valeur en JavaScript, uploader le fichier sélectionné sur ton serveur avec AJAX, le récupérer avec AJAX puis l'afficher dans ta div avec JavaScript
autrement dit comment je peux récupérer instantanément la valeur d'un élément input type file ( dans mon cas c'est une image ) Smiley smile
Si tu utilises jquery, ce sera quelque chose comme
$('input[type=file]').change(function() {
    // Ce que tu as à faire
});
Si tu es sous Dojo, quelque chose comme
dojo.connect(dojo.query('input[type=file]')[0], 'onchange', function() {
    // Ce que tu as à faire
});
Si c'est sans Framework... Je sais plus comment faire tellement j'utilise Dojo ^^'
Modifié par Gothor (09 May 2012 - 16:12)
j'ai essai avec la méthode onchange JS mais je veux pas afficher le chemin j veux afficher l'image sélectionnée 

<input type="file" name="fileField" id="label_Parcourir" onchange="displayfilename(this);" />
</br>
<div id="there"></div>
<script type="text/javascript">
	function displayfilename(input)
	{
		document.getElementById('there').innerHTML = input.value;
	}
Pas de quoi, si tu bloques encore sur le sujet n'hésite pas =)
(Ca veut pas dire que si tu bloques sur autre chose tu dois partir en courant...)
Sujet clos
Aller à