Electron 加载本地图片的方法

Posted

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了Electron 加载本地图片的方法相关的知识,希望对你有一定的参考价值。

原文地址:https://www.jianshu.com/p/61c93bbe6014

最近在项目中,有需求是程序加载本地图片显示,但是在实际开发过程中发现,由于electron窗口的同源策略的问题不允许加载本地文件,后来反复查看API,找到方法禁用窗口同源策略:
使用new BrowserWindow(option)创建窗口时,有一个参数webPreferences,可通过设置此参数实现

在使用时传入webPreferences: {webSecurity: false},就可以加载本地图片了

let win = createWindow({
    width: 920,
    height: 610,
    center: true,
    skipTaskbar: false,
    transparent: false,
    title: 'feng',
    // 加入这个参数即可
    webPreferences: {
        webSecurity: false
    }
})

以上是关于Electron 加载本地图片的方法的主要内容,如果未能解决你的问题,请参考以下文章

根据图片的url地址下载图片到本地保存代码片段

ELECTRON - 加载包含脚本标签的本地 HTML 文件

vscode代码片段建议bug

Electron Builder:不允许加载本地资源:app.asar/build/index.html

JetpackDataBinding 架构组件 ④ ( 使用 @BindingAdapter 注解为布局组件绑定自定义逻辑 | 网络图片加载 | 本地图片加载 )

获取 Electron 生产窗口以使用 loadURL 加载路由?