외부 링크 금지 이미지 레퍼럴 허용하는 방법 (HTML img referrerpolicy)

남양주개발자

·

2022. 12. 9. 14:01

728x90
반응형

외부 링크 금지 이미지 레퍼럴 허용하는 방법 (HTML img referrerpolicy)

헤더 referrer 값을 통해 외부 링크 공유 금지를 적용한 이미지에 대해서 no-referrer 설정을 통해 이미지를 보여줄 수 있습니다.

<img referrerpolicy="no-referrer" src="외부이미지" />

브라우저 서포트를 확인해보면 IE를 제외한 대부분의 브라우저에서 활용할 수 있습니다.

img referrerpolicy 브라우저 서포트

참고

 

HTMLImageElement.referrerPolicy - Web APIs | MDN

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

developer.mozilla.org

 

728x90
반응형
그리드형

💖 저자에게 암호화폐로 후원하기 💖

아이콘을 클릭하면 지갑 주소가자동으로 복사됩니다

0개의 댓글