Load a local file in Chrome extension (not in same folder)

Question

My extension allows users to set their own background image on the extension's page. It's completely cool with online files being used; however, it gives me this Not allowed to load local resource: <file name> when using an image somewhere on their computer. Is there a manifest option or something else I'm overlooking to allow this?

I have already tried using the checkbox for "Allow access to file URLs"

Answer 1

One thing you may want to try is setting the file:///* permission in manifest.json (it is a little buried in the docs):

"permissions": [
    "file:///*"
],

I remember running across a similar issue before and this was the cause. Happy to troubleshoot further if this doesn't solve it.