File
Objekt
Verwenden Sie die HTML5
File
API, um nativ mit Dateien auf dem Dateisystem zu arbeiten.
Das DOM Datei-Interface gibt eine Abstraktion über native Dateien, um uns Nutzern direkt an nativen Dateien mit der HTML% File API arbeiten zu lassen. Electron hat das Attribut path
zur File
Schnittstelle hinzugefügt, das den realen Pfad auf dem Dateisystem aufdeckt.
Beispiel für das Erhalten eines echten Pfades aus einer Drag-On-the-App-Datei:
<div id="holder">
Ziehen sie Dateien hierher
</div>
<script>
document.addEventListener('drop', (e) => {
e.preventDefault();
e.stopPropagation();
for (const f of e.dataTransfer.files) {
console.log('Datei(en), die sie hierher gezogen haben: ', f.path)
}
});
document.addEventListener('dragover', (e) => {
e.preventDefault();
e.stopPropagation();
});
</script>