728x90
반응형
헤더 referrer 값을 통해 외부 링크 공유 금지를 적용한 이미지에 대해서 no-referrer 설정을 통해 이미지를 보여줄 수 있습니다.
<img referrerpolicy="no-referrer" src="외부이미지" />브라우저 서포트를 확인해보면 IE를 제외한 대부분의 브라우저에서 활용할 수 있습니다.
참고
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
반응형
그리드형
'개발 > 기타' 카테고리의 다른 글
| VSCode에서 사용하지 않는 변수 확인하는 방법 (how to show unused variable without ESLint) (0) | 2022.09.02 |
|---|---|
| VSCode에서 사용하지 않는 import 제거하는 방법 (How to remove unused imports in VSCode) (0) | 2022.08.27 |
| nvm 기본(default) 노드 버전 변경하는 방법 (0) | 2022.02.05 |
| 외부에서 로컬호스트(localhost) 접속하는 방법 | localtunnel 사용법 (0) | 2021.11.10 |
| VSCode 자동완성 단축키 초간단 설정방법 (0) | 2021.11.05 |
이 포스팅은 쿠팡파트너스 활동의 일환으로, 이에 따른 일정액의 수수료를 제공받습니다.
