_____SK_____
@_____SK_____

Are you sure you want to delete the question?

If your question is resolved, you may close it.

Leaving a resolved question undeleted may help others!

We hope you find it useful!

SafariでGoogle Driveにある画像ファイルを表示できない

解決したいこと

SafariでGoogle Driveにある画像ファイルをimgタグで表示できないので表示したい。

Google Driveにアップロードした画像をHTMLのimgタグで表示しようと思い、やり方を調べて試しました。src属性に入力したurlは以下です。
XXXがファイルのidです。

https://drive.google.com/uc?id=XXX
https://drive.google.com/uc?id=XXX&usp=sharing
https://drive.google.com/uc?export=view&id=XXX&usp=sharing
https://drive.google.com/uc?export=view&id=XXX#dummy.jpg&usp=sharing
など、色々試しましたがchromeでは表示されてもsafariでは表示されませんでした。

https://drive.google.com/uc?export=view&id=XXX&usp=sharing
このurlの場合でやった時にsafariでデベロッパーツールを開いてみたらプレビューのところに赤文字でこう書いてありました。

Failed to load resource:HTTPのリダイレクトが多すぎます

(関係あるかわかりませんが一応書いておきました。)

どうすればsafariで表示できるのか教えていただけると幸いです。

0

1Answer

この辺の情報が役に立ちそうな気がしますが、いかがでしょうか。

■引用元
https://gist.github.com/kemsakurai/aca8394b72a56a1434f249b699fcc669


0Like

Comments

  1. @_____SK_____

    Questioner

    https://gist.github.com/kemsakurai/aca8394b72a56a1434f249b699fcc669

    の方法はクリップボードにurlをコピーして使う?みたいなことですか?

    あと他に試してみてわかったのが、safariだけは
    file:///Users/-------------
    みたいなurlでは表示できず、vscodeのローカルサーバーを立ち上げる拡張機能で
    127.0.0.1:---------
    みたいなurlでは表示できました(iPhoneのsafariでも)。
    仮にドメインやサーバーを取得してサイトを公開したらGoogle Driveの画像は読み込めるでしょうか?
    無知ですみません。
    よろしくお願いします。
  2. ブックマークに追加して、画像ページを開いて叩くという使い方ですね。

    どうやら、safariでの動作は特殊みたいなので
    以下を読んでみて対策を練ってみてはいかがでしょうか。
    (古い情報で恐縮ですが)

    https://qiita.com/TechnoKuRo/items/622c3dcc2ff3f7e09474
  3. @_____SK_____

    Questioner

    https://qiita.com/TechnoKuRo/items/622c3dcc2ff3f7e09474
    これはすでに何回か見させていただいて、「別の方法」とういうところを試してみたのですが、404エラーが出てできませんでした。
    <img src="<?!=getFileUrl('XXXXX_ドキュメントID_XXXXX')?>">
    これで本当にgasのファイルにアクセスできるのか疑問です。
    よろしくお願いいたします。

Your answer might help someone💌