<img src="file:///C:/path/to/your/image.jpg" alt="Local Image">显示不出来磁盘图片
时间: 2023-08-21 08:03:00 浏览: 245
C/C++跨年烟花代码
如果在 Electron 应用程序中使用 `<img>` 标签的 `src` 属性设置为 `file:///C:/path/to/your/image.jpg`,却无法显示磁盘上的图片,可能是由于 Electron 的安全策略限制导致的。
Electron 默认启用了安全策略,阻止直接从本地文件系统加载资源。为了解决这个问题,你可以尝试以下两种方法:
1. 在 Electron 的 `BrowserWindow` 中设置 `webPreferences` 的 `webSecurity` 为 `false`,以禁用安全策略。在主进程中的创建窗口的代码中添加如下配置:
```javascript
const { app, BrowserWindow } = require('electron');
app.whenReady().then(() => {
const mainWindow = new BrowserWindow({
webPreferences: {
webSecurity: false
}
});
// 加载 HTML 文件
mainWindow.loadFile('index.html');
});
```
请注意,禁用安全策略会带来一定的安全风险,因此请确保你信任要加载的本地文件。
2. 将图片文件复制到 Electron 应用程序的资源目录中,并使用相对路径引用图片。将图片文件复制到应用程序的资源目录(例如 `./resources` 文件夹),然后在 HTML 文件中使用相对路径引用图片,如:
```html
<img src="./resources/image.jpg" alt="Local Image">
```
通过这种方式,你可以避免安全策略的限制,并且能够在 Electron 应用程序中显示磁盘上的图片。
阅读全文