How to show a file explorer window in electron app, where the user can select a particular folder?

Question

I want to pop open a file explorer window in Electron app using React and have a user select a particular folder and then capture the filepath they select, for further processing.

Is there a way to implement the above requirement and any leads would be really helpful .

Answer 1

Using electron dialogs, file explorer can be added in electron app.

const fs = require("fs");
const {dialog} = window.require("electron").remote;

dialog.showOpenDialogSync({
properties: [
          'openFile', 
          'openDirectory']
      })

Some useful resources:

• dialog | Electron
• How to choose , read, save, delete or create a file with Electron Framework - YouTube