electron踩坑之dialog中的callback解决


Posted in Javascript onOctober 06, 2020

踩坑分析

之前版本使用dialog时选择文件时,可以加入callback,来获取被选择文件的路径,而electron10更新后发生了改动,采用了Promise对象来获取结果。

electron 10之前我们获取文件路径,只需加入callback即可,也就是下述写法,且之前返回的data结果直接是文件的路径。

openDialogDom.onclick = function(){

  remote.dialog.showOpenDialog({
    properties:['openFile']

  },function(data){
    console.log(data)
  })

}

解决

electron10之后,写项目时我发现callback无效,在之前的踩坑经历来说,我觉得又是因为版本更新所带来的结果,查看官方文档,又带给了我踩坑结束的收获。

electron踩坑之dialog中的callback解决

可以看出在该方法的返回值变为了Promise对象,且在Promise对象中增加了cancele,filePaths,bookmarks属性,此时我们要想获取被选中的文件的路径,也需要与原先未更新版本前有着不一样的改变,也就是如下写法。

openDialogDom.onclick = function(){

  remote.dialog.showOpenDialog({
    properties:['openFile']

  }).then(res => {
    console.log(res.canceled)
    console.log(res.filePaths)
  })

}

electron踩坑之dialog中的callback解决

问题解决,踩坑完毕。

到此这篇关于electron踩坑之dialog中的callback解决的文章就介绍到这了,更多相关electron dialog callback内容请搜索三水点靠木以前的文章或继续浏览下面的相关文章希望大家以后多多支持三水点靠木!

Javascript 相关文章推荐
javascript编程起步(第二课)
Jan 10 Javascript
很可爱的输入框
Aug 03 Javascript
JavaScript实现按Ctrl键打开新页面
Sep 04 Javascript
jquery中val()方法是从最后一个选项往前读取的
Sep 06 Javascript
jQuery深拷贝Json对象简单示例
Jul 06 Javascript
JS实现字符串转驼峰格式的方法
Dec 16 Javascript
Bootstrap中data-target 到底是什么
Feb 14 Javascript
原生JS实现Ajax跨域请求flask响应内容
Oct 24 Javascript
解决Vue 浏览器后退无法触发beforeRouteLeave的问题
Dec 24 Javascript
解决vue项目刷新后,导航菜单高亮显示的位置不对问题
Nov 01 Javascript
基于JavaScript实现留言板功能
Mar 16 Javascript
vue中提示$index is not defined错误的解决方式
Sep 02 Javascript
electron踩坑之remote of undefined的解决
Oct 06 #Javascript
9个JavaScript日常开发小技巧
Oct 06 #Javascript
详解ES6中class的实现原理
Oct 03 #Javascript
在vue中使用Echarts画曲线图的示例
Oct 03 #Javascript
vue 虚拟DOM的原理
Oct 03 #Javascript
vue使用video插件vue-video-player的示例
Oct 03 #Javascript
区分vue-router的hash和history模式
Oct 03 #Javascript
You might like
php $_SERVER windows系统与linux系统下的区别说明
2014/02/14 PHP
PHP中的Trait 特性及作用
2016/04/03 PHP
PHP实现带重试功能的curl连接示例
2016/07/28 PHP
Laravel 5.5 的自定义验证对象/类示例代码详解
2017/08/29 PHP
javascript prototype,executing,context,closure
2008/12/24 Javascript
兼容IE/Firefox/Opera/Safari的检测页面装载完毕的脚本Ext.onReady的实现
2009/07/14 Javascript
javascript两种function的定义介绍及区别说明
2013/05/02 Javascript
在页面上用action传递参数到后台出现乱码的解决方法
2013/12/31 Javascript
Js判断CSS文件加载完毕的具体实现
2014/01/17 Javascript
JS判断移动端访问设备并加载对应CSS样式
2014/06/13 Javascript
JavaScript中switch语句的用法详解
2015/06/03 Javascript
javascript实现网页中涉及的简易运动(改变宽高、透明度、位置)
2015/11/29 Javascript
js自定义回调函数
2015/12/13 Javascript
vue2.0在table中实现全选和反选的示例代码
2017/11/04 Javascript
微信小程序实现富文本图片宽度自适应的方法
2019/01/20 Javascript
vue实现搜索过滤效果
2019/05/28 Javascript
微信小程序按钮点击动画效果的实现
2019/09/04 Javascript
微信小程序 冒泡事件原理解析
2019/09/27 Javascript
JS如何在不同平台实现多语言方式
2020/07/16 Javascript
JavaScript实现H5接金币功能(实例代码)
2021/02/22 Javascript
[42:32]Secret vs Optic 2018国际邀请赛小组赛BO2 第二场 8.18
2018/08/19 DOTA
Python list操作用法总结
2015/11/10 Python
Python 探针的实现原理
2016/04/23 Python
解决python3中解压zip文件是文件名乱码的问题
2018/03/22 Python
Pytorch之保存读取模型实例
2019/12/30 Python
Python类class参数self原理解析
2020/11/19 Python
TensorFlow低版本代码自动升级为1.0版本
2021/02/20 Python
中国综合性网上购物商城:当当(网上卖书起家)
2016/11/16 全球购物
First Aid Beauty官网:FAB急救面霜
2018/05/24 全球购物
飞利浦美国官网:Philips美国
2020/02/28 全球购物
我爱读书演讲稿
2014/05/07 职场文书
委托证明书
2014/09/17 职场文书
毕业证丢失证明范本
2014/09/20 职场文书
群众路线个人自我剖析材料
2014/10/07 职场文书
《大禹治水》教学反思
2016/02/22 职场文书
windows server2008 开启端口的实现方法
2022/06/25 Servers