>웹 프론트엔드 >JS 튜토리얼 >Google 드라이브의 이미지를 웹사이트에 어떻게 표시하나요?

Google 드라이브의 이미지를 웹사이트에 어떻게 표시하나요?

Mary-Kate Olsen
Mary-Kate Olsen원래의
2024-12-24 22:22:10681검색

1단계: Google 드라이브 열기
Google Drive 공식 홈페이지에 방문하여 파일을 공유해 보세요.

2단계: 파일 공유
Google 드라이브를 열고 웹사이트에 사용하려는 이미지를 업로드하세요. 그런 다음 마우스 오른쪽 버튼으로 이미지를 클릭하고 "공유"를 선택하여 링크를 가져오고 권한을 변경하세요.

How do I display images from Google Drive on a website?

3단계: 권한 변경
공유 창에서 권한 메뉴를 클릭하고 '링크가 있는 모든 사용자'를 선택하세요. 이렇게 하면 링크가 있는 사람은 누구나 Google 계정이 없더라도 파일을 볼 수 있습니다. 그런 다음 "링크 복사"를 눌러 링크를 파일에 복사하세요.

How do I display images from Google Drive on a website?

4단계: 썸네일 이미지 링크 생성

  • 3단계에서는 다음과 같은 링크를 제공합니다: https://drive.google.com/file/d/10hhX4pIZr0NhuusN4eHvf4ghah5d6yAG/view?usp=sharing.

  • /d/와 /view 사이에 있는 링크에서 이미지 ID를 추출합니다. 이 경우 ID는 10hhX4pIZr0NhuusN4eHvf4ghah5d6yAG입니다.

  • 추출된 ID를 다음 URL 템플릿에 삽입하여 썸네일 링크를 생성합니다: https://drive.google.com/thumbnail?id={이미지의 ID}.

  • 최종 썸네일 링크는 다음과 같습니다: https://drive.google.com/thumbnail?id=10hhX4pIZr0NhuusN4eHvf4ghah5d6yAG.

5단계: 웹사이트에서 사용

<img src="https://drive.google.com/thumbnail?id=10hhX4pIZr0NhuusN4eHvf4ghah5d6yAG" alt="Image From Drive">

참고
https://codepen.io/raulpenate/pen/wvOozzw

위 내용은 Google 드라이브의 이미지를 웹사이트에 어떻게 표시하나요?의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!

성명:
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.