7
3

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?

いつの間にか Google Driveの画像にアクセスできなくなっている件

Last updated at Posted at 2024-01-20

様々な記事で紹介されていた 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>" />

↓ 表示できた!
スクリーンショット 2024-01-29 0.42.20.png


自分のコードで困っていた画像取り出せない問題は、優しい方々のおかげで解決することができました。(多謝!)

そして、自分の情報検索スキルがまだまだだと痛感しました...。

こんな二つのいいきっかけを作れたアウトプットは大切だな...としみじみ思う今日この頃です。


「ブラウザや記述ミスによるエラーであり、本当は元々の方法で読み込める」や解決方法についてアドバイスがあればありがたいです

7
3
4

Register as a new user and use Qiita more conveniently

  1. You get articles that match your needs
  2. You can efficiently read back useful information
  3. You can use dark theme
What you can do with signing up
7
3

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?