Electron DOM File对象

前端之家收集整理的这篇文章主要介绍了Electron DOM File对象前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。

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 () {    return false;
  7.   };
  8.   holder.ondragleave = holder.ondragend = function () {    return false;
  9.   };
  10.   holder.ondrop = function (e) {
  11.     e.preventDefault();    var file = e.dataTransfer.files[0];    console.log('File you dragged here is', file.path);    return false;
  12.   };
  13. </script>


猜你在找的Electron相关文章