electron 拖拽上傳文件

1、因爲electron集成了node,故可以使用node的方式來對文件操作

代碼示例:

//引入node模塊
const fs=require('fs');

var div=document.querySelector('.box');

//綁定拖拽事件
div.addEventListener('drop', function(e){
	//必須要阻止拖拽的默認事件
    e.preventDefault();
    e.stopPropagation();
    
	//獲得拖拽的文件集合
    var files=e.dataTransfer.files;

    if(files.length>0)
    {
     console.log(files[0].path);
    }
    
    var content=fs.readFileSync(files[0].path);
    console.log(content.toString());
  });

//綁定拖拽結束事件
div.addEventListener('dragover',(e)=>{
	//必須要阻止拖拽的默認事件
    e.preventDefault();
    e.stopPropagation();

})