当前位置: 首页 > Electron, 工作 > 正文

Electron DOM File对象

File对象

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


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

<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>

本文固定链接: http://www.chenruixuan.com/archives/1472.html | 天宝寺||陈瑞轩

该日志由 陈瑞轩 于2017年05月13日发表在 Electron, 工作 分类下, 你可以发表评论,并在保留原文地址及作者的情况下引用到你的网站或博客。
原创文章转载请注明: Electron DOM File对象 | 天宝寺||陈瑞轩

Electron DOM File对象:等您坐沙发呢!

发表评论

快捷键:Ctrl+Enter