28

I know that I can't get a local file from within the extension directory. It is possible to get a file that is inside the extension directory itself?

2 Answers 2

39

You can use chrome.runtime.getURL to get a fully-qualified URL to a resource.

// Outputs path to the file regardless if it exits
> chrome.runtime.getURL('assets/extension-icon.png');
"chrome-extension://kfcphocilcidmjolfgicbchdfjjlfkmh/assets/extension-icon.png"

The chrome-extension protocol plus the extension id, will be the address for the extension's root directory.

If you need something more powerful, you might also use HTML5's FileSystem API which can create, read, write and list files from a sandbox in the current user's local file system.

1
  • 7
    chrome.extension.getURL is deprecated since Chrome 58. Use chrome.runtime.getURL.
    – Winand
    Commented Sep 30, 2018 at 12:09
13

On Chrome 17 or later, for this to work you must include the web_accessible_resources section to allow an image packed within the extension to be injected into a web page. http://developer.chrome.com/extensions/manifest.html#web_accessible_resources

{...
"web_accessible_resources": [
"images/my-awesome-image1.png",
"images/my-amazing-icon1.png"
],...}

(courtesy of jhaury)

1
  • 4
    I've done this but I still can't load my file via the chrome-extension://... format. It's a JSON file, it always 404s. Any ideas?
    – callum
    Commented Jul 22, 2016 at 12:13

Your Answer

By clicking “Post Your Answer”, you agree to our terms of service and acknowledge you have read our privacy policy.

Not the answer you're looking for? Browse other questions tagged or ask your own question.