Electron 不显示编译应用程序时未存储的图像

Question

我有一个项目，我下载 FTP 图片，存储它们并展示它们

这些图像被加载到 img 标签的 src 属性中

当我使用 npm start 时，应用程序工作正常。

另一方面，当我编译（electron-forge make）时，我只能访问编译中已经存在的图像。我从应用程序下载的图像不可见

下载的图片和项目的图片权限相同，应用有webSecurity: false

<button type="button" id="family_1">
    <span>Family 1</span>
    <img src="/home/miguelcastro/xxx/xxx/xx/src/Cache/Images/Family/1.png" data-image="1.png">
</button>

我能看到这张图片是因为我在编译这个的时候在项目里面有它

<button type="button" id="family_1">
    <span>Family 1</span>
    <img src="/home/miguelcastro/xxx/xxx/xx/src/Cache/Images/Family/2.png" data-image="2.png">
</button>

另一方面，这个是相同的，没有渲染，不同的是我通过FTP

下载了这个图像

图像存储正确且路径正确

ipcRenderer.on('printImage', (event, arg) => {
    var divImage = document.getElementById(idDiv)
    if (divImage !== null && divImage !== undefined)
        divImage.getElementsByTagName('img')[0].src = arg.pathImage
})

保存图像后，我会从主渲染器发出一个事件，然后传递图像路径 pathImage

Answer 1

你可以用这部分代码绕过electron forge的检查器

import { addBypassChecker } from 'electron-compile';

addBypassChecker((filePath) => { return filePath.indexOf(app.getAppPath()) === -1 && (/.jpg/.test(filePath) || /.ms/.test(filePath) || /.png/.test(filePath)); });

Electron 不显示编译应用程序时未存储的图像

Electron does not show the images not stored when compiling the application

javascript

compilation

node.js

electron

electron-forge