[electron] electron 폴더 선택하기

[electron] electron 폴더 선택하기

electron에서 폴더 선택하는 방법을 알아보겠습니다.

 

◆ electron 폴더 선택하기

electron에서 폴더 선택하는 방법은 쉽습니다.

electron에서 제공하는 dialog를 사용하면 쉽게 폴더을 선택할 수 있습니다.

 

아래 코드를 확인해봅시다.

const { dialog } = require("electron"); 

const selectWindow = new BrowserWindow({
  show: false, 
  alwaysOnTop: true
}); 

const { filePaths } = await dialog.showOpenDialog(selectWindow, {
  properties: ["openDirectory"]
});

selectWindow.close();

 

위 코드를 실행하면 아래 이미지처럼 폴더 선택 창이 표시됩니다.

아래 이미지를 확인하면 알 수 있듯이 파일은 선택이 되지 않습니다.

 

아래 이미지를 확인하면 폴더만 선택할 수 있는 것을 알 수 있습니다.

 

폴더을 선택하면 filePath에 폴더 경로가 저장됩니다.

 

참고자료

- electron dialog : 이동하기

 

마지막

해당 내용은 틀릴 수도 있습니다. 틀린 내용이 있으면 조언 부탁드립니다.