Electron cannot display local images in dev mode - "Not allowed to load local resource"

Describe the bug Electron cannot display local images in dev mode since it doesn’t load file:// urls while it is running a page from a non-file URL.

Reproduction: Try to display an image e.g.:

<img src="C:\test\image.png">

Proposed solution:

Disable webSecurity in development mode:

// backgound.js

const window = new BrowserWindow({
    webPreferences: { 
      webSecurity: process.env.NODE_ENV !== 'development',
    }
})

[alexhx5]

@nklayman yeah, but I’m not talking about the images that developer bundles with the app. What if an Electron app need to display images from the user’s disk? And a lot of Electron apps do need to display images from the disk, don’t they?

[nklayman]

Try preprending the url with file://, ie <img src="file://C:/path_to_image.png />.