Как отображать изображения с Google Диска на веб-сайте?

Клиент мой загрузил несколько фотографий на Google Диск и хотел бы, чтобы я показывал их фотографии на веб-сайте своей компании. Я просмотрел документацию для отображения содержимого Google Диска на веб-странице, но, похоже, это просто инструкции по отображению содержимого на веб-странице, который он уже делает.

Мой вопрос: как мне отображать содержимое непосредственно на веб-странице клиента?

Спасибо.

Ответы

Ответ 1

Если у вас есть файлы изображений, просто загрузите их в папку общедоступная на Google Диске, скопируйте его идентификатор папки из адресной строки (например, 0B0Gi4v5omoZUVXhCT2kta1l0ZG8) и вставьте он в форме GDrives, затем выберите свой собственный псевдоним (например, myimgs) и вуаля! Вы можете получить доступ к изображениям один за другим, используя, например, http://gdriv.es/myimgs/myimage.jpg.

Если вы хотите внедрить целую папку на своем веб-сайте (в фрейме), вы можете использовать один из следующих URL-адресов, заменив [folderID] своим собственным ID:

Если вы предпочитаете получать список файлов в XML или JSON, вы можете использовать YQL.

Примечание. Вы можете использовать Google+ Фото для размещения своих встроенных изображений.

Ответ 2

Используйте ссылку "Получить ссылку" на Google Диске, чтобы получить URL-адрес.

Используйте тег <img> в HTML и вставьте туда ссылку.

Измените Open? в URL-адресе uc?.

Ответ 3

Я нашел способ сделать это без использования внешних сайтов.

<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>

Вам нужно получить идентификатор изображения: нажмите "Открыть в новом окне" и получите идентификатор из URL.

Ответ 4

Пример встраивания образа Google Диска

Исходный URL: https://drive.google.com/file/d/0B6wwyazyzml-OGQ3VUo0Z2thdmc/view

Фото Паулы Боровской

<!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>

Ответ 5

Из справочные страницы Google:

Чтобы разместить веб-страницу с помощью Диска:

Откройте диск на drive.google.com и выберите файл.

Нажмите кнопку "Поделиться" в верхней части страницы.

Нажмите "Дополнительно" в правом нижнем углу окна обмена.

Нажмите "Изменить".

Выберите "Вкл." - публикация в Интернете и нажмите "Сохранить".

Перед закрытием поля совместного доступа скопируйте идентификатор документа из URL-адреса в поле "Ссылка на общий доступ". Идентификатор документа - это строка прописные и строчные буквы и цифры между чертами в URL.

Поделитесь URL-адресом, который выглядит как "www.googledrive.com/host/[doc id], где [doc id] заменен идентификатором документа, который вы скопировали на шаге 6.
Теперь вы можете просматривать веб-страницу.

Если вы хотите, чтобы ваше изображение на веб-сайте вставляло ссылку на рис. в ваш html, как обычно:

<!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>

Примечание:

Начиная с 31 августа 2015 года, веб-хостинг на Google Диске для пользователей и разработчиков будет устаревшим. Вы можете продолжать использовать эту функцию в течение одного года до 31 августа 2016 года, когда мы прекратим подавать контент через googledrive.com/host/[doc id]. Дополнительная информация

Ответ 6

Обновление 18/02/2017 Google отключил функцию бесплатного хостинга на диске Google, и теперь вы не можете бесплатно разместить свой статический веб-сайт на диске Google.

Но если вы хотите разместить свой файл JavaScript, CSS и изображения на диске Google, вы все равно можете это сделать. Вам просто нужно получить постоянную ссылку на файл. следующий обновленный учебник (2017).

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

Ответ 7

Хостинг на Google Диске устарел. Перестал работать с 31 августа 2016 года.

хостинг на Google Диске - график амортизации

Я удалил объяснение того, как предварительно разместить изображение на Google Диске.

Ответ 8

Просмотр списка

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

Вид сетки

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

Подробнее: https://thomas.vanhoutte.be/miniblog/embed-add-google-drive-folder-file-website/

Ответ 9

Если файл находится в общей папке, вы можете использовать веб-хостинг Google Диска.

Ответ 10

Я не знаю лучшего способа, но вы можете datamine страницу с php. Например, если вы перейдете в Google и обмениваетесь папкой, перейдите в эту папку, она будет выглядеть примерно так:

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

^^^ не реальная ссылка

То, что вы ищете, это отдельные изображения внутри исходного кода этой страницы.

затем используя php, получите исходный код с

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

теперь $f имеет источник, и вы можете использовать другие команды php для разделения только URLS с изображениями, которые вы хотите. Это займет немного работы, но очень выполнимо.

после того, как у вас появятся эти ссылки на изображения, показывающие, как вы хотите просто создать их в структуре div или таблицы для отображения в галерее, возможно, даже добавьте элемент greybox для эффекта

Ответ 11

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

Я использую на своем WordPress-сайте, так как хранение файлов изображений на локальном хосте занимает много места и замедляет работу моего сайта.

Я использую textmate, так как легко редактировать несколько URL одновременно, используя кнопку "alt/option"

Ответ 12

Пара интересных альтернатив публичному размещению изображений на диске (устарело):

1. Google Фото

Если вы загрузите изображение в Google Фото вместо Диска, оно получит общедоступную веб-ссылку.

Это поведение немного удивляет меня, но связь очень длинная и случайная, поэтому они, по-видимому, практикуют "конфиденциальность по незаметности".

2. Google Drawing

Если вы создаете изображение с помощью программы "Рисование Google" (встроенной в Drive), вы можете нажать File > Publish to Web, чтобы получить общедоступную ссылку.

Примечание. Это может быть решением, если вы пытаетесь поделиться существующей image--, вставить изображение в редактор и обрезать холст до вашего изображения (file > Page Setup) - но это немного громоздко. Однако, если вам нужно немного отредактировать изображение или вы пытаетесь создать простой значок/графику, я думаю, что это изящно.

Ответ 13

если вы хотите встроить образы дисков Google в ваш блоггер или на любой другой сайт, просто следуйте инструкциям: -

Blogger

загрузить изображение на гугл-диск
нажмите на изображение и поделитесь с публикой
<img src='https://drive.google.com/uc?export=view&id=1OCx6mUEMbWcwCQbDePA5PeeOh'/>