様々な記事で紹介されていた image読み込みの方法が2024年1月に使用できなくなっていた。
元々の読み込み方法について
上記の記事を参考に https://drive.google.com/uc?export=view&id= <ファイルID>
を利用していたが、いつの間にか「403エラー」で表示されなくなってしまった。
<img src="https://drive.google.com/uc?export=view&id= <ファイルID>"/>
原因・解決
(情報提供に感謝!)
※ 2024年 1月 23日 追記
現状、仕様変更によって直リンクのアクセスはできなくなっているとのこと。
<iframe>
を用いた以下の記述なら良いらしい。(これまで同様に全ての人にリンクアクセスの許可は必要)
<iframe src="https://drive.google.com/file/d/ <ファイルID> /preview" width="640" height="480" allow="autoplay"></iframe>
※ 2024年 1月 28日 追記
画像データの場合、https://drive.google.com/thumbnail?id=<ファイルID>
の記述で取り出すことができるらしい。
ただし、音声 や 動画 については、今のところ解決策はないらしいです。
(未解決時)調べたこと
1. Google Chrome で URL を叩く
上手く表示できるが、 usercontent と download の箇所が異なっていた (リダイレクトが発生している?)
https://drive.usercontent.google.com/download?id= <ファイルID> &export=view&authuser=0
2. imgタグ、上記のURLに変更
以下の設定にするも、結局403エラー
(authuser=0 の有無も関係なさそう)
<img src="https://drive.usercontent.google.com/download?export=view&id= <ファイルID>" >
3. https://drive.google.com/thumbnail?id=<ファイルID>
を試す
<img src="https://drive.google.com/thumbnail?id= <ファイルID>" />
自分のコードで困っていた画像取り出せない問題は、優しい方々のおかげで解決することができました。(多謝!)
そして、自分の情報検索スキルがまだまだだと痛感しました...。
こんな二つのいいきっかけを作れたアウトプットは大切だな...としみじみ思う今日この頃です。
「ブラウザや記述ミスによるエラーであり、本当は元々の方法で読み込める」や解決方法についてアドバイスがあればありがたいです