Google Drive 外連圖片無法顯示的解決方法

最近有客戶表示擺放在 Google Drive 的圖片，在網頁上都無法顯示了，但如果把圖片網址貼在瀏覽器網址列，這張圖片外連其實還是能顯示。而且進入雲端硬碟帳號檢視，圖片並沒有不見，也都能叫出來顯示，不曉得發生什麼情況。 查了一下國外論壇討論串，發生災情的時間點大致是上個月初(2024年1月)，有人提到這件事跟「Google 雲端硬碟中的第三方 Cookie」有關，而這個第三方 cookie 的變革在前陣子的的文章「如何讓 Google API 實現自動登入？ 」→「一、Google 登入 API 說明」→「2. 2024 Google 登入」也有提到，代表今年 2024 因為 Google 逐步移除第三方 cookie 造成了不少影響。 (圖片出處: pixabay.com)

一、Google Drive 圖片測試

測試了一下 Google Drive 圖片，根據我之前寫的「Google Drive 外連產生器 V2」，來看看各種情況。 這是一個分享連結範例：

• https://drive.google.com/file/d/1-2QjOJf8OpAw-mor_CINhKCCjQ-27tGA/view

這是上圖的 Google Drive 外連範例：

• https://drive.google.com/uc?id=1-2QjOJf8OpAw-mor_CINhKCCjQ-27tGA

以上連結點開後都能看到圖片，但如果使用 html 圖片語法的話： <img src="https://drive.google.com/uc?id=1-2QjOJf8OpAw-mor_CINhKCCjQ-27tGA"/>下面就可以看到，這張外連圖片無法顯示了：

二、替代作法

國外網友提出了一些替代作法，我自己也發現了密招可以顯示圖片，但後來想想，如果 Google Drive 本意就是不想讓圖片被外連，那麼網路上流通的任何方法，Google 遲早都會封鎖起來，所以公開這些技巧一點好處都沒有。 所以跟「用 Github 存取網頁 JS/CSS 外連」一樣，我決定有必要設下一點障礙。如果已經是本站的「加值會員」，可兌換本文的隱藏內容；如果是本站的客戶請與我聯繫，會開通閱覽權限，可看到以下這四種技巧。