首頁 >web前端 >js教程 >如何在網站上顯示 Google 雲端硬碟中的圖片?

如何在網站上顯示 Google 雲端硬碟中的圖片?

Mary-Kate Olsen
Mary-Kate Olsen原創
2024-12-24 22:22:10682瀏覽

第 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 步:在您的網站上使用它

參考
https://codepen.io/raulpenate/pen/wvOozzw

以上是如何在網站上顯示 Google 雲端硬碟中的圖片?的詳細內容。更多資訊請關注PHP中文網其他相關文章!

陳述:
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn