首页 >> js开发 >> jselectron踩坑之dialog中的callback解决js大全
jselectron踩坑之dialog中的callback解决js大全
发布时间: 2021年1月13日 | 浏览:
| 分类:js开发
踩坑分析踩坑分析踩坑分析之前版本使用dialog时选择文件时,可以加入callback,来获取被选择文件的路径,而electron10更新后发生了改动,采用了Promise对象来获取结果。electron 10之前我们获取文件路径,只需加入callback即可,也就是下述写法,且之前返回的data结果直接是文件的路径。
openDialogDom.onclick = function(){
remote.dialog.showOpenDialog({
properties:['openFile']
},function(data){
console.log(data)
})
}
openDialogDom.onclick = function(){
remote.dialog.showOpenDialog({
properties:['openFile']
},function(data){
console.log(data)
})
}解决解决解决electron10之后,写项目时我发现callback无效,在之前的踩坑经历来说,我觉得又是因为版本更新所带来的结果,查看官方文档,又带给了我踩坑结束的收获。可以看出在该方法的返回值变为了Promise对象,且在Promise对象中增加了cancele,filePaths,bookmarks属性,此时我们要想获取被选中的文件的路径,也需要与原先未更新版本前有着不一样的改变,也就是如下写法。
openDialogDom.onclick = function(){
remote.dialog.showOpenDialog({
properties:['openFile']
}).then(res => {
console.log(res.canceled)
console.log(res.filePaths)
})
}
openDialogDom.onclick = function(){
remote.dialog.showOpenDialog({
properties:['openFile']
}).then(res => {
console.log(res.canceled)
console.log(res.filePaths)
})
}问题解决,踩坑完毕。
openDialogDom.onclick = function(){
remote.dialog.showOpenDialog({
properties:['openFile']
},function(data){
console.log(data)
})
}
openDialogDom.onclick = function(){
remote.dialog.showOpenDialog({
properties:['openFile']
},function(data){
console.log(data)
})
}解决解决解决electron10之后,写项目时我发现callback无效,在之前的踩坑经历来说,我觉得又是因为版本更新所带来的结果,查看官方文档,又带给了我踩坑结束的收获。可以看出在该方法的返回值变为了Promise对象,且在Promise对象中增加了cancele,filePaths,bookmarks属性,此时我们要想获取被选中的文件的路径,也需要与原先未更新版本前有着不一样的改变,也就是如下写法。
openDialogDom.onclick = function(){
remote.dialog.showOpenDialog({
properties:['openFile']
}).then(res => {
console.log(res.canceled)
console.log(res.filePaths)
})
}
openDialogDom.onclick = function(){
remote.dialog.showOpenDialog({
properties:['openFile']
}).then(res => {
console.log(res.canceled)
console.log(res.filePaths)
})
}问题解决,踩坑完毕。
相关文章:
- jsVue使用Proxy代理后仍无法生效的解决js大全
- jsvue组件中传值EventBus的使用及注意事项说明js大全
- jsvue切换菜单取消未完成接口请求的案例js大全
- js详解ES6 扩展运算符的使用与注意事项js大全
- jsvue封装自定义指令之动态显示title操作(溢出显示,不溢出不显示)js大全
- js在vue中使用image-webpack-loader实例js大全
- js解决iview table组件里的 固定列 表格不自适应的问题js大全
- jsvue的$http的get请求要加上params操作js大全
- jsVueCli生产环境打包部署跨域失败的解决js大全
- jsVue中nprogress页面加载进度条的方法实现js大全