ondrop et preventDefault()
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:
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.
