Клиент мой загрузил несколько фотографий на Google Диск и хотел бы, чтобы я показывал их фотографии на веб-сайте своей компании. Я просмотрел документацию для отображения содержимого Google Диска на веб-странице, но, похоже, это просто инструкции по отображению содержимого на веб-странице, который он уже делает.
Мой вопрос: как мне отображать содержимое непосредственно на веб-странице клиента?
Спасибо.
Если у вас есть файлы изображений, просто загрузите их в папку общедоступная на Google Диске, скопируйте его идентификатор папки из адресной строки (например, 0B0Gi4v5omoZUVXhCT2kta1l0ZG8) и вставьте он в форме GDrives, затем выберите свой собственный псевдоним (например, myimgs) и вуаля! Вы можете получить доступ к изображениям один за другим, используя, например, http://gdriv.es/myimgs/myimage.jpg.
Если вы хотите внедрить целую папку на своем веб-сайте (в фрейме), вы можете использовать один из следующих URL-адресов, заменив [folderID] своим собственным ID:
Если вы предпочитаете получать список файлов в XML или JSON, вы можете использовать YQL.
Примечание. Вы можете использовать Google+ Фото для размещения своих встроенных изображений.
Используйте ссылку "Получить ссылку" на Google Диске, чтобы получить URL-адрес.
Используйте тег <img> в HTML и вставьте туда ссылку.
Измените Open? в URL-адресе uc?.
Я нашел способ сделать это без использования внешних сайтов.
<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.
Исходный 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>Из справочные страницы 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]. Дополнительная информация
Обновление 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
Хостинг на Google Диске устарел. Перестал работать с 31 августа 2016 года.
хостинг на Google Диске - график амортизации
Я удалил объяснение того, как предварительно разместить изображение на Google Диске.
Просмотр списка
<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/
Если файл находится в общей папке, вы можете использовать веб-хостинг Google Диска.
Я не знаю лучшего способа, но вы можете 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 для эффекта
<img src="https://drive.google.com/uc?export=view&id=Your_Image_ID" alt="">
Я использую на своем WordPress-сайте, так как хранение файлов изображений на локальном хосте занимает много места и замедляет работу моего сайта.
Я использую textmate, так как легко редактировать несколько URL одновременно, используя кнопку "alt/option"
Пара интересных альтернатив публичному размещению изображений на диске (устарело):
1. Google Фото
Если вы загрузите изображение в Google Фото вместо Диска, оно получит общедоступную веб-ссылку.
Это поведение немного удивляет меня, но связь очень длинная и случайная, поэтому они, по-видимому, практикуют "конфиденциальность по незаметности".
2. Google Drawing
Если вы создаете изображение с помощью программы "Рисование Google" (встроенной в Drive), вы можете нажать File > Publish to Web, чтобы получить общедоступную ссылку.
Примечание. Это может быть решением, если вы пытаетесь поделиться существующей image--, вставить изображение в редактор и обрезать холст до вашего изображения (file > Page Setup) - но это немного громоздко. Однако, если вам нужно немного отредактировать изображение или вы пытаетесь создать простой значок/графику, я думаю, что это изящно.
если вы хотите встроить образы дисков Google в ваш блоггер или на любой другой сайт, просто следуйте инструкциям: -
Blogger
<img src='https://drive.google.com/uc?export=view&id=1OCx6mUEMbWcwCQbDePA5PeeOh'/>