为了让用户能够通过HTML5的file API直接操作本地文件,DOM的File接口提供了对本地文件的抽象。Electron在File接口中增加了一个path属性,它是文件在系统中的真实路径。
获取拖动到APP中文件的路径:
<div id="main">
将文件拖到此处
</div>
<script>
var main = document.getElementById('main');
main.ondragover = function () {
return false;
};
main.ondragleave = main.ondragend = function () {
return false;
};
main.ondrop = function (e) {
e.preventDefault();
var file = e.dataTransfer.files[0];
console.log('文件:', file.path);
return false;
};
</script>