Electron学习笔记（九）—— 常用api____File对象

有蝉

已于 2022-03-14 18:33:45 修改

阅读量949

点赞数

分类专栏： Electron 文章标签： electron

于 2020-04-03 08:46:48 首次发布

本文链接：https://blog.csdn.net/qq_37899792/article/details/105284776

版权

Electron 专栏收录该内容

19 篇文章 1 订阅

订阅专栏

在文件系统中，使用HTML5 File 原生API操作文件

DOM的文件接口提供了关于原生文件的抽象，以便用户可以直接使用HTML5文件API处理原生文件。 Electron已经向 文件 接口添加了一个 path 属性, 在文件系统上暴露出文件的真实路径

示例：获取拖拽到app上的文件的真实路径

<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>