Google Drive内の画像はこのように書くとimgタグで表示できるようです
調べて見つけた書き方を2つ書いておきます
- <img id="source" src="https://drive.google.com/uc?export=view&id=FILE_ID">
- <img id="source" src="https://drive.google.com/uc?id=ID&.png">
補足
Google Drive内の画像のリンクはこのようになっている
https://drive.google.com/file/d/FILE_ID/view?usp=sharing
そのままHTMLのimgタグのsrcに指定しても読み込んでくれない
こう書くと読み込んでくれるようになる
https://drive.google.com/uc?export=view&id=FILE_ID
またはこう書く
https://drive.google.com/uc?id=ID&.png
参考
Google Drive Help Forum
https://productforums.google.com/forum/#!msg/drive/EBjKgPLGSMc/8DLlgeBxBAAJ
Displaying files (e.g. images) stored in Google Drive on a website
https://stackoverflow.com/questions/10311092/displaying-files-e-g-images-stored-in-google-drive-on-a-website/13715473
Google Drive Help Forum
https://productforums.google.com/forum/#!msg/drive/EBjKgPLGSMc/8DLlgeBxBAAJ
Displaying files (e.g. images) stored in Google Drive on a website
https://stackoverflow.com/questions/10311092/displaying-files-e-g-images-stored-in-google-drive-on-a-website/13715473