electron实践(2)

本文介绍了在使用Electron框架开发应用时遇到的本地图片加载问题及解决方案。通过设置BrowserWindow的webPreferences.webSecurity属性为false,可以解决因同源策略限制导致的加载本地资源失败的问题。此外,还提供了响应式图片的CSS样式。

electron无法打开本地图片,提示 Not allowed to load local resource 。

原因是跨域了。

解决办法是在 new BrowserWindow 时,将option中的webPreferences项中的webSecurity为false,禁用同源策略

mainWindow = new BrowserWindow({
    height: 563,
    useContentSize: true,
    width: 1000,
    webPreferences:{webSecurity: false}   ////加上这个就可以获取到了本地的图片
  })

 

另外响应式图片class  (form Bootstrap) 

.img-responsive {
  display: inline-block;
  height: auto;
  max-width: 100%;
}

 

转载于:https://my.oschina.net/dtdths/blog/1517758

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值