Element drag
shin
-
sl@ck Messages postés 6 Date d'inscription Statut Membre Dernière intervention -
sl@ck Messages postés 6 Date d'inscription Statut Membre Dernière intervention -
Bonjour, j'ai actuellement un petit soucie, je souhaiterai pour change l'image des elements dragé sur une fenêtre ( ex: je prend une image dans un dossier que je déplace sur mon navigateur).
Avez vous quelque piste?
merci d'avance.
Avez vous quelque piste?
merci d'avance.
A voir également:
- Element drag
- Open element - Télécharger - HTML
- Élément introuvable impossible à supprimer - Guide
- Impossible d'accéder à l'élément référencé par ce raccourci ✓ - Forum Windows
- Impossible de copier car cet élément est trop volumineux pour le format du volume. ✓ - Forum MacOS
- Impossible d'ajouter un élément au modèle instagram ✓ - Forum Samsung
1 réponse
<div id="drop_zone">Drop files here</div>
<output id="list"></output>
<script>
function handleFileSelect(evt) {
evt.stopPropagation();
evt.preventDefault();
var files = evt.dataTransfer.files; // FileList object.
// files is a FileList of File objects. List some properties.
var output = [];
for (var i = 0, f; f = files[i]; i++) {
output.push('<li><strong>', escape(f.name), '</strong> (', f.type || 'n/a', ') - ',
f.size, ' bytes, last modified: ',
f.lastModifiedDate ? f.lastModifiedDate.toLocaleDateString() : 'n/a',
'</li>');
}
document.getElementById('list').innerHTML = '<ul>' + output.join('') + '</ul>';
}
function handleDragOver(evt) {
evt.stopPropagation();
evt.preventDefault();
evt.dataTransfer.dropEffect = 'copy'; // Explicitly show this is a copy.
}
// Setup the dnd listeners.
var dropZone = document.getElementById('drop_zone');
dropZone.addEventListener('dragover', handleDragOver, false);
dropZone.addEventListener('drop', handleFileSelect, false);
</script>
lien d'aide: https://web.dev/read-files/#toc-selecting-files-dnd
