electron 读取文件夹内容_Electron选择文件、文件夹对话框(非原创，传播)

1.第一种方法，纯js代码

其原理是：利用input标签的file类别，打开选择文件对话框通过input标签的change事件，将选择的文件返回。为了使每次选择的文件都得到更新，在input对象用完后每次都移除出html中，下次使用时再重新创建并添加到html中。代码如下：

/**

*按钮事件实现函数

*原理：利用input标签的file类别，打开选择文件对话框

*通过change事件，将选择的文件返回。为了使每次选择的文件都得到更新，

*在input对象用完后每次都移除出html中，下次使用时再重新创建并添加到html中

*/

btnClickFun:function(dir){

// 创建input标签

var inputObj=document.createElement('input')

// 设置属性

inputObj.setAttribute('id','_ef');

inputObj.setAttribute('type','file');

inputObj.setAttribute("style",'visibility:hidden');

if(dir){ // 如果要选择路径，则添加以下两个属性

inputObj.setAttribute('webkitdirectory', "");

inputObj.setAttribute('directory', "");

}

// 添加到DOM中

document.body.appendChild(inputObj);

// 添加事件监听器

inputObj.addEventListener("change",this.updatePath);

// 模拟点击

inputObj.click();

},

// 打开文件选择器input标签的change事件响应

updatePath:function(){

var inputObj = docu