electron要使用保存对话框要引入dialog模块
dialog.showSaveDialog([browserWindow, ]options)
第一个参数是browserWindow对象,该参数是可选的,如果设置了该参数,则保存对话框为这个窗口的模态子窗口
第二个参数是一个对象,可以设置下面这些属性
title:对话框窗口的标题
defaultPath:默认情况下使用的绝对目录路径、绝对文件路径或文件名
buttonLabel:确认」按钮的自定义标签, 当为空时, 将使用默认标签
filters:过滤文件类型
例子如下:
保存对话框操作返回的数据有两个,一个是canceled,就是是否保存了文件,如果保存了返回true,没有保存返回false;一个是filePaths,就是保存的文件的路径
dialog.showSaveDialog({
title:"保存文件",
defaultPath:"/Users/huangzhibo/Documents/electron/myelectron",
buttonLabel:"保存",
filters:[
{ name: '图片', extensions:['jpg','png','gif']},
{ name: '视频', extensions:['mp4','avi']},
{ name: '所有文件', extensions:['*']}
]
}).then(result => {
console.log(result.canceled)
console.log(result.filePaths)
}).catch(err => {
console.log(err)
})
title:"保存文件",
defaultPath:"/Users/huangzhibo/Documents/electron/myelectron",
buttonLabel:"保存",
filters:[
{ name: '图片', extensions:['jpg','png','gif']},
{ name: '视频', extensions:['mp4','avi']},
{ name: '所有文件', extensions:['*']}
]
}).then(result => {
console.log(result.canceled)
console.log(result.filePaths)
}).catch(err => {
console.log(err)
})