Hallo zusammen,
ich habe ein kleines Feld, in das ich Datein per Drag and Drop ziehen kann. Den Code habe ich von Selfhtml:
HTML
<div id="dropzone"></div><output id="list"></output>CSS
#dropzone {
width: 10%;
height: 5%;
padding: 2%;
background: white;
border: 1px solid #666;
}JavaScript
function dateiauswahl(evt) {
evt.stopPropagation();
evt.preventDefault();
var gewaehlteDateien = evt.dataTransfer.files; // FileList Objekt
var output = [];
for (var i = 0, f; f = gewaehlteDateien[i]; i++) {
output.push('<li>', escape(f.name), '', '</li>');
}
document.getElementById('list').innerHTML += '<ul>' + output.join('') + '</ul>';
}
function handleDragOver(evt) {
evt.stopPropagation();
evt.preventDefault();
evt.dataTransfer.dropEffect = 'copy';
}
// Initialisiere Drag&Drop EventListener
var dropZone = document.getElementById('dropzone');
dropZone.addEventListener('dragover', handleDragOver, false);
dropZone.addEventListener('drop', dateiauswahl, false);Wenn ich jetzt also Dateien in das Feld ziehe, wird mir darunter eine Liste angelegt, mit den Namen der Dateien. Ich hätte gerne vor dem Namen noch den Pfad der Datei. Bekommt man diesen irgendwie?