google-drive-api - Googleドライブに保存されているファイル（画像など）をウェブサイトに表示する

Question

公開ウェブサイトのGoogleドライブに保存されている画像などのファイルにアクセス/表示できるかどうか疑問に思いました。

score 236 · Accepted Answer

fileId回避策は、 withを取得してGoogle Drive SDK APIから this を使用することUrlです:

https://drive.google.com/uc?export=view&id= {fileId}

これは、Google ドライブ内のファイル (画像など) への永続的なリンクになります。

注: このリンクはクォータの対象になっているようです。そのため、公開/大規模な共有には理想的ではありません。

score 166 · Accepted Answer

更新:発表されたように、Google は 2016 年 8 月にこの機能を廃止しました。代替案を含むGoogle からの最終更新は次のとおりです。

はい、可能です。ファイルをパブリックフォルダーに配置すると、次の URL でフォルダー内の任意のファイルを取得できます。

https://googledrive.com/host/<folderID>/<filename>

score 66 · Accepted Answer

@ https://productforums.google.com/forum/#!topic/drive/yU_yF9SI_z0/discussionからの方法は次のとおりです。

1- 画像をアップロード

2-右クリックして「共有可能なリンクを取得」を選択

3-次のように見えるリンクをコピーします

https://drive.google.com/open?id=xxxxxxx

4-to を変更しopen?て、次のuc?ように使用します

<img src="https://drive.google.com/uc?id=xxxxx">

サーバーの問題を回避するために、Web から何かを参照する場合は、http:またはを削除することをお勧めします。https:

score 25 · Accepted Answer

更新:発表されたように、Google は 2016 年 8 月にこの機能を廃止しました。代替案を含むGoogle からの最終更新は次のとおりです。

2013 年 4 月の時点で、Chrome/webkit を使用すると、次のように動作しました。

1 「public」などのフォルダを作成します
2 そのフォルダを選択し、右クリックして [共有] > [共有] を選択します。クリック。「誰でもアクセス可能」を選択
3 ファイルをフォルダにドラッグアンドドロップし、アップロードします。
4 ファイルを右クリックし、[詳細]を選択します。Details-Fieldset の行の 1 つに「Hosting」と表示されます。その下に次の URL があります。

https://googledrive.com/...

その URL を新しいタブにドラッグアンドドロップします。URL をコピーして貼り付け、好きな場所に共有または埋め込みます。

制限の 1 つは、HTTP に関する限り、安全な HTTP アクセスしかできないように見えることです。

更新:
もう 1 つの制限は、Google ドライブで開くことができるファイルにはアクセスできないことです。
つまり、[詳細] をクリックしても、Google ドライブの URL は表示されません。

これを克服するには：

問題のファイルを右クリックし、[アプリで開く] > [アプリの管理] を選択します。

ここに画像の説明を入力

ここでファイル関連アプリのチェックを外します
オプション: Google ドライブをリロードする
ファイルを右クリックし、「詳細」を選択します
ステップ＃4のように進みます

注:上記の手順の代わりに、Google ドライブで開くことができない、または関連付けられていない拡張子を持つファイルをアップロードします。

score 16 · Accepted Answer

ブラウザーでファイルを表示する場合は、rufo と Torxed が提供する方法と同様の方法を使用することもできます。

https://drive.google.com/uc?export=view&id={fileId}

score 7 · Accepted Answer

可能だと思いますが短期間です

ファイルのアクセス制御リストをパブリック読み取り専用 (またはパブリック読み取り/書き込み) に設定する必要があります。これは、 Google Document List APIを使用してプログラムで行うことも、ドライブの画像ビューアの [共有] ボタンを使用して手動で行うこともできます。

次に、Google Document List API またはGoogle Drive API (つまり、Java のfile.getDownloadUrl())を使用して、プログラムで画像への URL を取得できます。また、Google ドライブのデフォルトの画像ビューアで画像を右クリックして、画像へのリンクを手動で簡単に取得することもできます。

問題は、このリンクの有効期間が限られているため、しばらくの間機能し、その後機能しなくなることです。

Driveに保存されている画像ファイルのURLは、公開設定をしておけば基本的には認証なしでアクセスできるはずですが、そのURLはどこかで変更される予定です。これらの変化する URL にリダイレクトする恒久的な URL を提供するなど、将来的にこれに対する解決策を見つけるかもしれませんが、約束はありません...

score 5 · Accepted Answer

2022 年 3 月の Workspace（G Suite）ユーザー向けの実用的なソリューション

一部の埋め込みコードは、閲覧者が gmail にログインしていない限り、img を表示しません。以下は、Web ホスト上の通常の画像のように機能します。

アイテムを公開して共有します (「このリンクを知っているインターネット上の誰でも閲覧できる」と表示されていることを確認してください): 画像自体 (または画像が存在するフォルダー) を次の方法でコピーします。

ファイルの ID を取得し、ここに挿入します。

<img src="https://lh3.googleusercontent.com/d/[ID_OF_THE_FILE]">

結果 (下に犬が表示されている場合は、解決策がまだ機能していることを意味します):

score 4 · Accepted Answer

以前のユーザーの何人かは近くにいましたが、あちこちでステップが抜けていました。

これは、すべての手順を示すビデオです。

(編集 2014 年 12 月 2 日
新しい Google ドライブに関しては、以下の情報は正しくありません。新しい Google ドライブについては、次の手順に従ってください。
使用できるオプションは 2 つあります。
オプション 1 は、右上の歯車をクリックし、古い Google ドライブに戻します。元に戻す場合は、「編集の終了」の後の手順を使用してください。
オプション 2 または、私が見つけた回避策に従うことができます。これよりも良い方法を見つけたら更新しますが、これが私が見つけたものです。

完全なリンクは次のようになります " https://googledrive.com/host/(folder id) " https://googledrive.com/host/(folder id)
必要なリンクのパート 1 は " https://googledrive.com/host/ " です。共有したいファイルに移動します。共有したい
ファイルのあるフォルダに移動したら、上記のリンクを見てください
(例 1 https://drive.google.com/drive/u/0/) #folders/0B3UALYkiLexYSXZlcldoU2NpYXM )
(例 2 https://drive.google.com/drive/u/0/#folders/0B3UALYkiLexYSXZlcldoU2NpYXM/0B3UALYkiLexYRkNnOVhsUVozRU0 )
上記の両方の例で、共有に必要な「フォルダー ID」は、「/」の後の文字と数字の最後のグループであるため、例 1 では「0B3UALYkiLexYSXZlcldoU2NpYXM」、例 2 では「0B3UALYkiLexYRkNnOVhsUVozRU0」

です。私が使用した例1は私のドライブ上のフォルダーで、例2は最初のフォルダー内のフォルダーでした。そのため、2番目のリンクの前に最初のリンク全体があります。
一番右にある「/」の後のセクションだけが必要です。

「フォルダ ID」を取得したので、上記の式「https://googledrive.com/host/ (フォルダID )」を使用します。 googledrive.com/host/0B3UALYkiLexYRkNnOVhsUVozRU0

このリンクを取得したので、新しいページで開いてください。共有フォルダーに移動します。そこに移動したら、任意のファイルを右クリックして [リンクアドレスをコピー] を選択するか、そのフォルダー内の任意のファイルをクリックすると、ホストされている画像に移動できます。ページの上部にある URL がホスティング URL です。

それがあなたのやり方です。これは非常に煩わしく、個人的には古い Google ドライブに戻す方がはるかに簡単に思えます。

できるだけ早く新しいチュートリアルビデオを作成しようとします

これがうまくいかない場合は、どのような問題が発生しているかお知らせください。

編集終了）

https://www.youtube.com/watch?v=QmN22LMPdDk&feature=youtu.be

または、以下に書かれている内容に従ってください。

これらの写真は、手順に記載されているものと一緒です。

https://googledrive.com/host/0B3UALYkiLexYSXZlcldoU2NpYXM/

画像の共有に使用するフォルダを Google ドライブに作成します。
そのフォルダを選択し、共有オプションに移動します。[誰がアクセスできるか] オプションを [特定のユーザー] から [Web 上で公開] に変更します。フォルダーに配置されたすべての画像には、手順 4 に示すホスティングリンクが含まれます。

（画像：フォルダ変更オプション.png、フォルダ変更オプション2.png、フォルダ変更オプション3.png）
そのフォルダに画像を配置します。
共有したい画像を選択し、「ホスティング」というラベルの付いたセクションの詳細セクション (通常は右側) を見て、次で始まるリンクを見つける必要があります。

「googledrive.com/host/(そのフォルダのIDとなる乱数と数字)/(ファイル名)」

そのリンクを使用して、画像を共有してください。そのリンクを使用して、それらを他の Web サイトに埋め込むことができます。

(画像:フォルダオプションの変更4.pngおよびフォルダオプションの変更 share.png )

score 3 · Accepted Answer

Vetea、画像のURLからリンクを取得した場合は機能しませんが、[直接リンク]フィールドから取得した場合は機能するはずです。私はそれを何度も使用してテストしました。

score 1 · Accepted Answer

GoogleドライブAPIにはファイルタイプオプションがあります。おそらく、それが有効なイメージに解決されるかどうかを確認できます。ファイルタイプによって無効な画像が表示された場合に、ファイルの新しい直接URLを取得するオプションを検討します。私はこれを行う方法を正確に理解していませんが、おそらくそれは試してみる道です。

score 1 · Accepted Answer

ドライブと Gmail から直接行うことができます。方法は次のとおりです。

1.画像をGoogleドライブにアップロードし、閲覧権限を設定します（公開またはリンクを持っている人なら誰でも可）

[Gmail] > [作成] に移動します。添付アイコンの横にある + を選択します。
ドライブアイコン (三角形) を選択します。
画像に移動し、右クリックして画像の URL をコピーします
必要に応じて、Web ブラウザーに貼り付けるか、Web ページに埋め込みます。

score 1 · Accepted Answer

画像の場合は、Google ビューアーで画像を開きます。すなわち

方法 1

https://docs.google.com/file/d/0Bz7qe_olclTwWDNJRDRmb1pJamM/edit

次に、ソースを表示>「texmex-thumb」という単語を見つけると、脇にリンクがあります。

score 0 · Accepted Answer

Niutechが提供するソリューションは私のために働いた

http://googledrive.com/host/<folderID>/<filename>

しかし、2つの未解決の問題があります

ドライブ内の同じフォルダーに同じ名前の 2 つのファイルを含めることはできません。そうしないと、このリンクは機能しません。
まだ明確ではありませんが、Google はドライブ経由の画像ホスティングを廃止する予定のようです。以下のリンクをご覧ください。 https://support.google.com/richmedia/answer/6098968?hl=ja

score -1 · Accepted Answer

ブラウザで JavaScript を無効にして画像ファイルを開き、ページのソースを表示するか、画像を右クリックすると、画像のリンクが表示されます。(前に共有設定を確認してください)

score -3 · Accepted Answer

ただし、この答えは単純です。実際には非常に単純であり、多くの人が、画像のIDを次のリンクhttps://drive.google.com/uc?export=view&id= {fileId}に入れるだけだと述べています。

簡単ですが、コンソールで実行するスクリプトを作成しました。Google ドライブから共有可能な完全なリンクの配列をフィードし、それらを上記のリンクに変換します。その後、静的アドレスとして簡単に使用できます。

array = ['https://drive.google.com/open?id=0B8kNn6zsgGEtUE5FaGNtcEthNWc','https://drive.google.com/open?id=0B8kNn6zsgGEtM2traVppYkhsV2s','https://drive.google.com/open?id=0B8kNn6zsgGEtNHgzT2x0MThJUlE']

function separateDriveImageId(arr) {
for (n=0;n<arr.length;n++){

str = arr[n]

for(i=0;i<str.length;i++){
if( str.charAt(i)== '=' ){
var num = i+1;
var extrctdStrng = str.substr(num)

}
}
console.log('https://drive.google.com/uc?export=view&id='+extrctdStrng)
window.open('https://drive.google.com/uc?export=view&id='+extrctdStrng,'_blank')
}


}
separateDriveImageId(array)

google-drive-api - Googleドライブに保存されているファイル（画像など）をウェブサイトに表示する

25 に答える 25

1 「public」などのフォルダを作成します

2 そのフォルダを選択し、右クリックして [共有] > [共有] を選択します。クリック。「誰でもアクセス可能」を選択

3 ファイルをフォルダにドラッグアンドドロップし、アップロードします。

4 ファイルを右クリックし、[詳細]を選択します。Details-Fieldset の行の 1 つに「Hosting」と表示されます。その下に次の URL があります。

2022 年 3 月の Workspace（G Suite）ユーザー向けの実用的なソリューション

アイテムを公開して共有します (「このリンクを知っているインターネット上の誰でも閲覧できる」と表示されていることを確認してください): 画像自体 (または画像が存在するフォルダー) を次の方法でコピーします。

ファイルの ID を取得し、ここに挿入します。

結果 (下に犬が表示されている場合は、解決策がまだ機能していることを意味します):

方法 1

google-drive-api - Googleドライブに保存されているファイル（画像など）をウェブサイトに表示する

25 に答える 25

1 「public」などのフォルダを作成します

2 そのフォルダを選択し、右クリックして [共有] > [共有] を選択します。クリック。「誰でもアクセス可能」を選択

3 ファイルをフォルダにドラッグ アンド ドロップし、アップロードします。

4 ファイルを右クリックし、[詳細]を選択します。Details-Fieldset の行の 1 つに「Hosting」と表示されます。その下に次の URL があります。

2022 年 3 月の Workspace（G Suite）ユーザー向けの実用的なソリューション

アイテムを公開して共有します (「このリンクを知っているインターネット上の誰でも閲覧できる」と表示されていることを確認してください): 画像自体 (または画像が存在するフォルダー) を次の方法でコピーします。

ファイルの ID を取得し、ここに挿入します。

結果 (下に犬が表示されている場合は、解決策がまだ機能していることを意味します):

方法 1

Related

Reference

3 ファイルをフォルダにドラッグアンドドロップし、アップロードします。