Skip to main content

Day31 - Google Drive Preview Link 突然失效及解決方案

在之前剛好自己的side project中,有將圖片上傳到google drive,再透過轉址的方式來預覽圖片的功能 但在2024/02/06這天意外發現這個功能壞掉了,但如果直接透過連結可以直接查看

於是我就查看了一下network中的內容,發現到他竟然回傳403

上網找了一下,發現有可能是 referrerpolicy="no-referrer" 沒放導致的,但這樣子會不符合我目前的功能需求,因為我現在這個圖床除了部落格在用,也有用在自己在obsidian的筆記上,未來也有可能將這個文章複製到其他編輯器進行修正,所以導致無法預覽圖片會讓人很困擾(但我沒有實際嘗試過這個方法有沒有效果)

所以我就把心思動到看一下google drive api有沒有提供其他的preview的link可以讓我使用的,結果就讓我意外發現了thumbnailLink這個屬性

只要使用這個link,就能直接將google產生的預覽圖直接拿來使用,唯一的前提就是只要將圖檔公開就可以了

https://lh3.googleusercontent.com/drive-storage/ANtge_HRO0N2Whb-ISlFmYTgo4YZVDN0SniyauY-qs_NQ3TdHg_5X5xYQUdcw0MKwugqPqKdVOjKMO3Irt3CA1iKfqyJcwlBgwBg-C6OA7HM_A=s220

但如大家看到的,這個連結原本的用意是要給縮圖使用的,所以圖片有變小的問題,而在網址上可以看到,後面的s220

在進行嘗試之後發現這個內容是用來修正他的大小的,但我並不希望他去修正我的大小,因此,再將後半的=s220刪掉,就大功告成了

https://lh3.googleusercontent.com/drive-storage/ANtge_HRO0N2Whb-ISlFmYTgo4YZVDN0SniyauY-qs_NQ3TdHg_5X5xYQUdcw0MKwugqPqKdVOjKMO3Irt3CA1iKfqyJcwlBgwBg-C6OA7HM_A

所以最後就速速修正了程式碼的內容,完成了這次的bug歷險記,可喜可賀,可喜可賀

https://github.com/kevinyay945/file-store/commit/ca5ce3d3f5723c31004823bf33f11311cfb81085