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
}
相关推荐
xiaoqi9225 小时前
React Native鸿蒙跨平台如何实现分类页面组件通过searchQuery状态变量管理搜索输入,实现了分类的实时过滤功能
javascript·react native·react.js·ecmascript·harmonyos
打小就很皮...5 小时前
Tesseract.js OCR 中文识别
前端·react.js·ocr
qq_177767375 小时前
React Native鸿蒙跨平台实现应用介绍页,实现了应用信息卡片展示、特色功能网格布局、权限/联系信息陈列、评分展示、模态框详情交互等通用场景
javascript·react native·react.js·ecmascript·交互·harmonyos
2603_949462105 小时前
Flutter for OpenHarmony社团管理App实战:预算管理实现
android·javascript·flutter
wuhen_n5 小时前
JavaScript内存管理与执行上下文
前端·javascript
Hi_kenyon6 小时前
理解vue中的ref
前端·javascript·vue.js
jin1233226 小时前
基于React Native鸿蒙跨平台地址管理是许多电商、外卖、物流等应用的重要功能模块,实现了地址的添加、编辑、删除和设置默认等功能
javascript·react native·react.js·ecmascript·harmonyos
2501_920931707 小时前
React Native鸿蒙跨平台医疗健康类的血压记录,包括收缩压、舒张压、心率、日期、时间、备注和状态
javascript·react native·react.js·ecmascript·harmonyos
落霞的思绪7 小时前
配置React和React-dom为CDN引入
前端·react.js·前端框架
Hacker_Z&Q7 小时前
CSS 笔记2 (属性)
前端·css·笔记