File 对象

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

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

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

  1. <div id="holder">
  2. Drag your file here
  3. </div>
  4. <script>
  5. document.addEventListener('drop', (e) => {
  6. e.preventDefault();
  7. e.stopPropagation();
  8. for (const f of e.dataTransfer.files) {
  9. console.log('File(s) you dragged here: ', f.path)
  10. }
  11. });
  12. document.addEventListener('dragover', (e) => {
  13. e.preventDefault();
  14. e.stopPropagation();
  15. });
  16. </script>