node-ddk,electron,文件目录选择对话框,dialog

node-ddk,electron,文件目录选择对话框,dialog

https://blog.csdn.net/eli960/article/details/146207062

也可以下载demo直接演示

http://linuxmail.cn/go#node-ddk

渲染进程操作

ts 复制代码
import renderer, { NODEDDK } from "node-ddk/renderer"

选择一个文件(不指定类型)

ts 复制代码
let fs:string = await renderer.dialog.getOneOpenFile({
    title: "选择一个文件", // 窗口标题
})

选择多个文件(指定类型: 文档,压缩包)

ts 复制代码
let fss: string[] = await renderer.dialog.getOpenFileList({
    title: "选择文件", // 窗口标题
    filters: [ // 文件类型
        { "name": "全部", "extensions": ["*"] },
        { "name": "OFFICE", "extensions": ["doc", "docx", "ppt", "pptx"] },
        { "name": "压缩包", "extensions": ["zip", "7z"] },
    ]
})

选择一个文件夹用于读

ts 复制代码
renderer.dialog.getOneOpenDir({})

选择一个文件用于写(123.txt)

ts 复制代码
renderer.dialog.getOneSaveFile({
	filename: "123.txt", // 指定默认文件, 在dialog里可修改
})

选择一个文件夹用于写

ts 复制代码
// 选择文件用于写, 场景一般是: 导出多个文件到一个目录
renderer.dialog.getOneSaveDir({})

选择文件(并记住目录)

ts 复制代码
renderer.dialog.getOneOpenFile({
	dirGroup: "abc", // 按组, 记住上次目录选择, 组ID为abc
}
renderer.dialog.getOneOpenFile({
	dirGroup: "def", // 按组, 记住上次目录选择, 组ID为def
}
相关推荐
pink大呲花5 分钟前
Vue 跨域解决方案及其原理剖析
前端·javascript·vue.js
亦世凡华、7 分钟前
前端npm包发布流程:从准备到上线的完整指南
前端·经验分享·npm·node.js·npm发包
Python私教13 分钟前
全栈开发实战:FastAPI + React + MongoDB 构建现代Web应用
前端·react.js·fastapi
110546540125 分钟前
7、三维机械设计、装配与运动仿真组件 - /设计与仿真组件/3d-mechanical-designer
前端·javascript·3d
東雪木44 分钟前
Web开发—Vue工程化
前端·javascript·vue.js·前端框架·web
全栈凯哥1 小时前
ES6 (ECMAScript 2015) 详解
前端·ecmascript·es6
二狗子的翠花1 小时前
vue-grid-layout实现拖拽修改工作台布局
前端·javascript·vue.js
想不明白的过度思考者1 小时前
为了结合后端而学习前端的学习日志(1)——纯CSS静态卡片案例
前端·css·学习
未来之窗软件服务2 小时前
打开所在文件路径,鸿蒙系统,苹果macos,windows,android,linux —智能编程—仙盟创梦IDE
前端·ide·资源管理器·仙盟创梦ide
houzhizhen2 小时前
SQL JOIN 关联条件和 where 条件的异同
前端·数据库·sql