File对象

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


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

  1. <div id="holder">
  2. Drag your file here
  3. </div>
  4. <script>
  5. var holder = document.getElementById('holder');
  6. holder.ondragover = function () {
  7. return false;
  8. };
  9. holder.ondragleave = holder.ondragend = function () {
  10. return false;
  11. };
  12. holder.ondrop = function (e) {
  13. e.preventDefault();
  14. var file = e.dataTransfer.files[0];
  15. console.log('File you dragged here is', file.path);
  16. return false;
  17. };
  18. </script>