LANG SELRCT

コードを書く場所

2018年8月12日日曜日

Google Drive内の画像ファイルをHTMLのimgタグで表示したい


Google Drive内の画像はこのように書くとimgタグで表示できるようです

調べて見つけた書き方を2つ書いておきます

  1. <img id="source" src="https://drive.google.com/uc?export=view&id=FILE_ID">
  2. <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