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>