CSP: img-src
The HTTP Content-Security-Policy
img-src
directive specifies valid sources of images and favicons.
CSP version | 1 |
---|---|
Directive type | Fetch directive |
default-src fallback |
Yes. If this directive is absent, the user agent will look for the
default-src directive.
|
Syntax
One or more sources can be allowed for the img-src
policy:
Content-Security-Policy: img-src <source>;
Content-Security-Policy: img-src <source> <source>;
Sources
<source>
can be any one of the values listed in CSP Source Values.
Note that this same set of values can be used in all fetch directives (and a number of other directives).
Examples
Violation cases
Given this CSP header:
Content-Security-Policy: img-src https://example.com/
The following <img>
is blocked and won't load:
<img src="https://not-example.com/foo.jpg" alt="example picture">
Specifications
Specification |
---|
Content Security Policy Level 3 # directive-img-src |
Browser compatibility
BCD tables only load in the browser