W3cubDocs

/DOM

HTMLImageElement.referrerPolicy

This is an experimental technology
Check the Browser compatibility table carefully before using this in production.

The HTMLImageElement.referrerPolicy property reflects the HTML referrerpolicy attribute of the <img> element defining which referrer is sent when fetching the resource.

Syntax

refStr = imgElt.referrerPolicy;
imgElt.referrerPolicy = refStr;

Values

A DOMString representing the referrer policy. Possible values are:

  • "no-referrer" meaning that the Referer: HTTP header will not be sent.
  • "origin" meaning that the referrer will be the origin of the page, that is roughly the scheme, the host and the port.
  • "unsafe-url" meaning that the referrer will include the origin and the path (but not the fragment, password, or username). This case is unsafe as it can leak path information that has been concealed to third-party by using TLS.

Examples

var img = new Image();
img.src = 'img/logo.png'; 
img.referrerPolicy = 'origin';

var div = document.getElementById('divAround');
div.appendChild(img); // Fetch the image using the origin as the referrer

Specifications

Specification Status Comment
Referrer Policy
The definition of 'referrerPolicy attribute' in that specification.
Candidate Recommendation Added the referrerPolicy property.

Browser compatibilityUpdate compatibility data on GitHub

Desktop
Chrome Edge Firefox Internet Explorer Opera Safari
Basic support 51 No 50 No 38 11.1
Mobile
Android webview Chrome for Android Edge Mobile Firefox for Android Opera for Android iOS Safari Samsung Internet
Basic support 51 51 No 50 38 No ?

See also

© 2005–2018 Mozilla Developer Network and individual contributors.
Licensed under the Creative Commons Attribution-ShareAlike License v2.5 or later.
https://developer.mozilla.org/en-US/docs/Web/API/HTMLImageElement/referrerPolicy