文件 对象

使用 HTML5 文件 API 在文件系统上以原生方式处理文件。

警告 Electron 添加到 文件 接口的 路径 属性已弃用，并且将在未来的 Electron 版本中删除。我们建议你改用 webUtils.getPathForFile。

DOM 的文件接口提供了对原生文件的抽象，以便用户可以直接使用 HTML5 文件 API 处理原生文件。Electron 已向 文件 接口添加了一个 路径 属性，该属性公开了文件在文件系统上的真实路径。

从拖放到应用程序的文件中获取真实路径的示例

<div id="holder">
  Drag your file here
</div>

<script>
  document.addEventListener('drop', (e) => {
    e.preventDefault();
    e.stopPropagation();

    for (const f of e.dataTransfer.files) {
      console.log('File(s) you dragged here: ', f.path)
    }
  });
  document.addEventListener('dragover', (e) => {
    e.preventDefault();
    e.stopPropagation();
  });
</script>