[HTML] 使用iframe tag嵌入Google 雲端硬碟資料夾

摘要:[Web] 使用iframe tag嵌入Google Drive(雲端硬碟)的資料夾

在弄網站的時候,想要偷懶直接使用Google 雲端硬碟來做檔案管理的功能,所以想用iframe tag嵌入網頁,如此一來就可以在網站上提供目錄瀏覽以及檔案下載的服務。不過這個想法馬上就遇到困難,因為直接用iframe tag嵌入的話,完全沒有畫面。

JS Bin

之後想到Google 協作平台好像可以嵌入雲端硬碟資料夾,於是發現了這樣的網址: https://drive.google.com/embeddedfolderview?id=xxxxxxxxxxxxxxxxxxxxxxxx

顯示模式還可以設定清單或是格狀檢視,如果要格狀檢視的話,在網址後面加上#grid即可,例如: https://drive.google.com/embeddedfolderview?id=xxxxxxxxxxxxxxxxxxxxxxxx#grid

看起來會長這樣

JS Bin

 

結論

用iframe tag嵌入Google 雲端硬碟資料夾,大致步驟如下:

  1. 取得資料夾的ID
  2. 加到https://drive.google.com/embeddedfolderview?id=
  3. 如果要格狀檢視的話,就在網址最後面加上#grid

文章內容僅提供技術分享,如有錯誤還請不吝指教。