File Objekt

Verwenden Sie die HTML5 File API, um nativ mit Dateien auf dem Dateisystem zu arbeiten.

Warning The path property that Electron adds to the File interface is deprecated and will be removed in a future Electron release. We recommend you use webUtils.getPathForFile instead.

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>