Jak wyświetlić zdjęcia z Dysku Google na stronie internetowej?

Mój klient przesłał kilka zdjęć na swój Dysk Google i chciałby, abym wyświetlał ich zdjęcia na ich stronie firmowej. Przejrzałem dokumentację do wyświetlania zawartości dysku Google na stronie internetowej, ale wygląda na to, że jest to po prostu Instrukcja wyświetlania zawartości na stronie internetowej, co już robi.

Moje pytanie brzmi, jak wyświetlić zawartość bezpośrednio na stronie klienta?

Dzięki.
Author: fmz, 2013-03-22
Source

11 answers

Jeśli masz jakieś pliki graficzne, po prostu prześlij je do folderu public na Dysku Google, skopiuj jego identyfikator folder z paska adresu (np. 0b0gi4v5omozuvxhct2kta1l0zg8) i wklej go do formularza na GDrives, a następnie wybierz swój własny alias (np. myimgs) i voila! Możesz uzyskać dostęp do obrazów jeden po drugim, używając np. http://gdriv.es/myimgs/myimage.jpg .

Jeśli chcesz osadzić cały folder na swojej stronie (w ramce), możesz użyć jednego z następujących adresów URL, zastępując [folderID] własnym ID:

Jeśli wolisz pobrać listę plików w XML lub JSON, możesz użyć YQL .

Uwaga: możesz użyć Google + Photos , aby hostować i osadzać swoje obrazy.

 11
Author: niutech,
Warning: date(): Invalid date.timezone value 'Europe/Kyiv', we selected the timezone 'UTC' for now. in /var/www/agent_stack/data/www/doraprojects.net/template/agent.layouts/content.php on line 54
2013-04-02 21:00:02

Użyj opcji "Pobierz Link" na Dysku Google, aby uzyskać adres URL.

Użyj znacznika <img> W HTML i wklej tam link.

Zmień Open? w adresie URL na uc?.

 46
Author: Richard,
Warning: date(): Invalid date.timezone value 'Europe/Kyiv', we selected the timezone 'UTC' for now. in /var/www/agent_stack/data/www/doraprojects.net/template/agent.layouts/content.php on line 54
2016-01-25 14:24:35

From Google drive help pages :

Hostowanie strony internetowej z napędem:

  1. Open Drive at drive.google.com i wybierz plik.
  2. Kliknij przycisk Udostępnij na górze strony.
  3. kliknij Zaawansowane w prawym dolnym rogu okna udostępniania.
  4. Kliknij Zmień....
  5. wybierz ON-Public w sieci i kliknij Zapisz.
  6. przed zamknięciem okna udostępniania skopiuj identyfikator dokumentu z adresu URL w polu poniżej " Link do podziel się". ID dokumentu jest ciągiem znaków wielkie i małe litery i cyfry pomiędzy ukośnikami w URL.
  7. Udostępnij adres URL, który wygląda jak "www.googledrive.com/host/[Doc id] gdzie [Doc id] jest zastępowany przez identyfikator dokumentu skopiowany w kroku 6.

Każdy może teraz przeglądać Twoją stronę.

Jeśli chcesz zobaczyć swój obraz w witrynie, umieść link do pic w html jak zwykle: 

<!DOCTYPE html>
<html>
    <head>
        <meta charset="utf-8">
        <title>Example image from Google Drive</title>
    </head>
    <body>
        <h1>Example image from Google Drive</h1>

        <img src="https://www.googledrive.com/host/[doc id]" alt="whatever">

    </body>
</html>

Uwaga:

Od 31 sierpnia 2015, hosting w Google Drive dla użytkowników i programistów będzie przestarzały. Możesz nadal korzystać z tej funkcji przez okres jednego roku do 31 sierpnia 2016 r., kiedy to przestaniemy udostępniać treści za pośrednictwem googledrive.com/host / [Doc id]. więcej informacji

 11
Author: gugol,
Warning: date(): Invalid date.timezone value 'Europe/Kyiv', we selected the timezone 'UTC' for now. in /var/www/agent_stack/data/www/doraprojects.net/template/agent.layouts/content.php on line 54
2016-10-27 08:36:16

Znalazłem sposób, aby to zrobić bez korzystania z zewnętrznych stron.

<img src="https://drive.google.com/uc?export=view&id=XXX">

Https://gist.github.com/evansims/f23e2f49e3d4be793038 

<a href="https://drive.google.com/uc?export=view&id=XXX">
    <img src="https://drive.google.com/uc?export=view&id=XXX"
    style="width: 500px; max-width: 100%; height: auto"
    title="Click for the larger version." />
</a>

Musisz pobrać identyfikator obrazu: kliknij "Otwórz w nowym oknie" i pobierz identyfikator z adresu URL.

Kliknij "Otwórz w nowym oknie"

 10
Author: Quitiweb,
Warning: date(): Invalid date.timezone value 'Europe/Kyiv', we selected the timezone 'UTC' for now. in /var/www/agent_stack/data/www/doraprojects.net/template/agent.layouts/content.php on line 54
2017-07-18 13:36:21

Hosting Dysku Google jest obecnie przestarzały. Przestał działać 31 sierpnia 2016.

Hosting na Dysku Google-rozkład jazdy

Usunąłem wyjaśnienie, jak wcześniej hostować obraz na Dysku Google.

 5
Author: Sandy Good,
Warning: date(): Invalid date.timezone value 'Europe/Kyiv', we selected the timezone 'UTC' for now. in /var/www/agent_stack/data/www/doraprojects.net/template/agent.layouts/content.php on line 54
2016-10-23 13:41:26

Widok Listy

<iframe src="https://drive.google.com/embeddedfolderview?id=YOURID#list" width="700" height="500" frameborder="0"></iframe>

Widok Siatki

<iframe src="https://drive.google.com/embeddedfolderview?id=YOURID#grid" width="700" height="500" frameborder="0"></iframe>

Czytaj więcej na: https://thomas.vanhoutte.be/miniblog/embed-add-google-drive-folder-file-website/

 4
Author: trm5073,
Warning: date(): Invalid date.timezone value 'Europe/Kyiv', we selected the timezone 'UTC' for now. in /var/www/agent_stack/data/www/doraprojects.net/template/agent.layouts/content.php on line 54
2015-09-08 20:06:17

Aktualizacja 18/02/2017 Google utraciło funkcję darmowego hostingu na Dysku Google i teraz nie możesz hostować swojej statycznej strony internetowej na Dysku Google za darmo.

Ale jeśli chcesz hostować swój plik JavaScript i CSS i obrazów na Dysku Google, nadal możesz to zrobić. Musisz tylko uzyskać permalink pliku. po zaktualizowanym samouczku (2017).

Http://www.bloggerseolab.com/2017/02/host-images-javascript-and-css-on-google-drive.html

 4
Author: Vishal Chopra,
Warning: date(): Invalid date.timezone value 'Europe/Kyiv', we selected the timezone 'UTC' for now. in /var/www/agent_stack/data/www/doraprojects.net/template/agent.layouts/content.php on line 54
2017-02-18 07:32:03

Jeśli plik znajduje się w folderze publicznym, możesz użyć Google Drive website hosting.

 0
Author: Ali Afshar,
Warning: date(): Invalid date.timezone value 'Europe/Kyiv', we selected the timezone 'UTC' for now. in /var/www/agent_stack/data/www/doraprojects.net/template/agent.layouts/content.php on line 54
2013-03-24 00:34:15

Nie znam lepszego sposobu, ale można datować stronę za pomocą php. Na przykład, jeśli pójdziesz do google i udostępnisz folder, a następnie przejdź do tego folderu, który będzie wyglądał mniej więcej tak:

Https://drive.google.com/folderview?id=0B8TT0olkjsdkfji9jekbFF4LWc&usp=sharing

^ ^ nie prawdziwy link

To, czego szukasz, to pojedyncze obrazy wewnątrz kodu źródłowego tej strony

Następnie używając php Pobierz kod źródłowy za pomocą 

<? $f = fopen ("http://www.example.com/f", r);
echo $f;
?>

Teraz $f ma źródło i możesz użyć innych poleceń php, aby rozdzielić tylko adresy URL z żądanymi obrazami. To zajmie trochę pracy, ale bardzo wykonalne.

Gdy już masz te linki obrazkowe pokazujące sposób, w jaki chcesz, po prostu wbuduj je w div lub strukturę tabeli, aby wyświetlić w galerii, może nawet Dodaj element greybox dla efektu

 0
Author: user3586571,
Warning: date(): Invalid date.timezone value 'Europe/Kyiv', we selected the timezone 'UTC' for now. in /var/www/agent_stack/data/www/doraprojects.net/template/agent.layouts/content.php on line 54
2016-01-25 15:02:11 
<img src="https://drive.google.com/uc?export=view&id=Your_Image_ID" alt="">

Używam na mojej stronie wordpress, ponieważ przechowywanie plików obrazów na lokalnym hoście zajmuje dużo miejsca i spowalnia moją witrynę

Używam textmate, ponieważ łatwo jest edytować wiele adresów URL jednocześnie za pomocą przycisku "alt/option"

 0
Author: Ryan Herter,
Warning: date(): Invalid date.timezone value 'Europe/Kyiv', we selected the timezone 'UTC' for now. in /var/www/agent_stack/data/www/doraprojects.net/template/agent.layouts/content.php on line 54
2018-05-26 00:05:30

Przykład osadzania obrazu dysku Google

Oryginalny URL: https://drive.google.com/file/d/0B6wwyazyzml-OGQ3VUo0Z2thdmc/view

Fot. Paula Borowska 

<!DOCTYPE html>
<html>

<head>
    <meta charset="utf-8" />
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <title>Google Drive</title>
    <meta name="viewport" content="width=device-width, initial-scale=1">
</head>

<body>
    <img src="https://drive.google.com/uc?export=view&id=0B6wwyazyzml-OGQ3VUo0Z2thdmc">
</body>

</html>

Dziękuję https://codepen.io/jackplug/pen/OPmMJB

 0
Author: Aathi,
Warning: date(): Invalid date.timezone value 'Europe/Kyiv', we selected the timezone 'UTC' for now. in /var/www/agent_stack/data/www/doraprojects.net/template/agent.layouts/content.php on line 54
2018-08-28 22:42:53