File對(duì)象

為了讓用戶能夠通過(guò)HTML5的file API直接操作本地文件,DOM的File接口提供了對(duì)本地文件的抽象。Electron在File接口中增加了一個(gè)path屬性,它是文件在系統(tǒng)中的真實(shí)路徑。


獲取拖動(dòng)到APP中文件的真實(shí)路徑的例子:

<div id="holder">
  Drag your file here
</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 you dragged here is', file.path);
    return false;
  };
</script>