Bonsoir à tous,

Une page contient un formulaire qui permet de poster une image.
Ça fonctionne mais pour plus de convivialité j'aimerais implémenter le drag and drop depuis le bureau.

Problème : lorsque je drop une image depuis le bureau, mon navigateur ouvre l'image au lieu d'exécuter ma fonction onDrop();

J'ai bien tenté de l'empêcher avec un e.preventDefault() mais rien n'y fait.

Voici la partie de mon code concernée :
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
<script language="javascript">
 
   function onDrop(e)
   {
	   e.preventDefault();
 
	   // Là je mettrai le code pour remplir correctement l'input.
	   fileLogo.value = .....
   }
 
 </script>
 
</head>
 
<body>
  <div class="dropZone" ondrop="onDrop(event)">
	<form id="formLogo" action="localhost/post_image.php" method="POST" enctype="multipart/form-data">
  	  <input id="fileLogo" type="file" name="image" onChange="formLogo.submit()">
	</form>
  </div>
</body>
Merci d'avance pour votre aide ou vos conseils
N'hésitez pas à me donner des liens vers de la doc pertinente sur le sujet.
(Please pas de plugins tout fait )

Bonne soirée,

Anthony.