electron保存对话框的使用

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)
    })

发表评论

:?: :razz: :sad: :evil: :!: :smile: :oops: :grin: :eek: :shock: :???: :cool: :lol: :mad: :twisted: :roll: :wink: :idea: :arrow: :neutral: :cry: :mrgreen: