Electron DOM File对象

File对象

为了让用户能够通过HTML5的file API直接操作本地文件，DOM的File接口提供了对本地文件的抽象。Electron在File接口中增加了一个path属性，它是文件在系统中的真实路径。

获取拖动到APP中文件的真实路径的例子：

渲染进程

<!DOCTYPE html>
<html>

<head>
  <title>Hello World!</title>
  <style>
  #holder{
    line-height: 300px;
    border: 1px solid #999;
    text-align: center;
    background-color: #f5f5f5;
  }
  </style>
</head>

<body>
  <div id="holder">
    把你要上传的文件拖动过来
  </div>
  
  <script>
    var holder = document.getElementById('holder');
    holder.ondragover = function () {
      return false;
    };
    holder.ondragleave = holder.ondragend = function () {
      return false;
    };
    holder.ondrop = function (e) {
      e.preventDefault();
      var file = e.dataTransfer.files[0];
      console.log('文件列表', file.path);
      return false;
    };
  </script>
</body>

</html>

# Electron DOM File对象

# File对象

Electron DOM File对象

File对象