在 Electron 应用程序中将本地文件加载到 iframe 中

分享于2022年07月17日 electron html javascript node.js 问答
【问题标题】:在 Electron 应用程序中将本地文件加载到 iframe 中(Load local files into iframe in Electron app)
【发布时间】:2022-05-03 01:38:53
【问题描述】:

我正在使用 Electron 构建一个应用程序,让您可以预览本地存储在您机器上的 HTML5 横幅广告。

到目前为止,我已经可以选择包含所有文件的目录。

选择后,iframe 的 src 会更新到该目录。

ipcRenderer.on('selected-directory', (event, data) => {
   // update preview
   const previewer = document.getElementById('preview-section-iframe')
   previewer.src = data.filePaths + '\\html\\'
}

但是,横幅没有加载,html 看起来像这样:


但是,在开发工具中将鼠标悬停在 src 上时,src 显示为:

file:///G:/_projects/_dev/_electron_apps/test/electron-quick-start/G:\BANNERS\300x600\html\

它似乎在寻找源代码的应用程序文件。有没有办法阻止这种情况?


【解决方案1】:

你的 iframe 需要一个文件路径,你给他一个文件夹的引用。

尝试更多类似的东西

  • 非常感谢,准!