Отображение файлов (например, изображений), хранящихся на Google Диске, на веб-сайте

Question

Отображение файлов (например, изображений), хранящихся на Google Диске, на веб-сайте

Мне было интересно, возможно ли получить доступ к / отображать файлы, такие как изображения, которые хранятся в Google Drive на общедоступном веб-сайте.

380

google-drive-api google-drive-sdk

Источник

user1355487 25 апр '12 в 07:20

25 ответов

Другие вопросы по тегам google-drive-api google-drive-sdk

user924298 07 авг '12 в 23:17 2012-08-07 23:17 · Answer 1 · 2012-08-07 23:17

Обходной путь должен получить fileId с Google Drive SDK API а затем с помощью этого Url:

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

Это будет постоянная ссылка на ваш файл на Google Диске (изображение или что-то еще).

Примечание. По всей видимости, на эту ссылку распространяются квоты. Так что не идеален для публичного / массового обмена.

user478018 19 дек '13 в 07:34 2013-12-19 07:34 · Answer 2 · 2013-12-19 07:34

Вот простая ссылка для просмотра:

https://docs.google.com/uc?id=FILE-ID

например, https://docs.google.com/uc?id=0B9o1MNFt5ld1N3k1cm9tVnZxQjg

255

Источник

user478018 19 дек '13 в 07:34

user912946 05 дек '12 в 02:43 2012-12-05 02:43 · Answer 3 · 2012-12-05 02:43

ОБНОВЛЕНИЕ: Как было объявлено, Google отказался от этой функции в августе 2016 года. Вот последнее обновление от Google с альтернативами.

Да, это возможно. Если вы поместите ваши файлы в общую папку, вы можете получить любой файл в папке по этому URL:

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

user3574919 04 июл '16 в 19:44 2016-07-04 19:44 · Answer 4 · 2016-07-04 19:44

Вот как из @ https://productforums.google.com/forum/

1- загрузить изображение

2- щелкните правой кнопкой мыши и выберите "Получить ссылку для совместного использования".

3- скопировать ссылку, которая должна выглядеть

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

4-изменить open? в uc? и использовать его как

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

рекомендуется удалить http: или же https: при ссылке на что-либо из Интернета, чтобы избежать каких-либо проблем с вашим сервером.

user1907888 28 ноя '21 в 13:09 2021-11-28 13:09 · Answer 5 · 2021-11-28 13:09

Рабочее решение для пользователей Workspace (G Suite) в ноябре 2021 г.

Некоторые коды для встраивания не отображают img, если зритель не вошел в систему Gmail, следующее работает как обычное изображение на вашем веб-хостинге:

Поделитесь элементом публично (убедитесь, что он говорит «Любой пользователь в Интернете, имеющий эту ссылку, может просматривать): либо само изображение (или папку, в которой находится изображение), затем скопируйте ссылку следующим образом.

Возьмите ID файла и вставьте сюда:

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

Результат (если вы видите собаку ниже, это означает, что решение все еще работает):

user11151112 11 май '20 в 20:11 2020-05-11 20:11 · Answer 6 · 2020-05-11 20:11

РЕДАКТИРОВАТЬ: По состоянию на 2020 год ЭТО работает. Большинство предыдущих ответов устарели.

Простое решение

Все, что вам нужно сделать, это открыть свой файл:

Затем перейдите в веб-инспектор (для Chrome Cmd-Shift-I или Ctrl-Shift-Iв зависимости от вашей ОС) и получите ссылку. Готово!

Ссылка работает, попробуйте прямо здесь.

user901946 01 май '13 в 19:28 2013-05-01 19:28 · Answer 7 · 2013-05-01 19:28

ОБНОВЛЕНИЕ: Как было объявлено, Google отказался от этой функции в августе 2016 года. Вот последнее обновление от Google с альтернативами.

По состоянию на апрель 2013 года и с использованием Chrome/webkit у меня работало следующее:

1 Создайте папку с именем, например, "public"
2 Выберите эту папку, щелкните правой кнопкой мыши и выберите " Поделиться"> "Поделиться". Нажмите. Выберите "Любой может получить доступ"
3 Перетащите файл в папку и дайте ему выгружаться.
4 Щелкните правой кнопкой мыши файл и выберите " Детали". Одна из строк в Details-Fieldset гласит "Хостинг". Под ним URL:

https://googledrive.com/...

Перетащите этот URL в новую вкладку. Скопируйте и вставьте URL и поделитесь им или вставьте в любое удобное для вас место.

Одним из ограничений является то, что в отношении HTTP возможен только безопасный HTTP-доступ.

Обновить:
Другое ограничение заключается в том, что файлы, которые может открывать Google-диск, не будут доступны таким образом.
То есть нажатие на "Детали" не отобразит URL-адрес Google-диска.

Чтобы преодолеть это:

щелкните правой кнопкой мыши нужный файл и выберите "Открыть с помощью> Управление приложениями":

введите описание изображения здесь

Снимите флажок с файловых приложений здесь
Необязательно: перезагрузите Google Drive
Щелкните правой кнопкой мыши по файлу и выберите "Детали"
Действуйте как в шаге № 4

Примечание. Альтернативой вышеописанной процедуре является загрузка файла с расширением, которое Google Drive не может открыть / не связано.

user867738 14 янв '13 в 18:15 2013-01-14 18:15 · Answer 8 · 2013-01-14 18:15

Если вы хотите просмотреть файл в браузере, также возможно использовать метод, аналогичный тому, который предоставляют rufo и Torxed:

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

17

Источник

user867738 14 янв '13 в 18:15

user3679900 05 мар '20 в 16:16 2020-03-05 16:16 · Answer 9 · 2020-03-05 16:16

Специально для пользователей G-Suite. Как указано в пункте 3 здесь, вы можете использовать этот URL для размещения изображения.

https://drive.google.com/a/domain.com/thumbnail?id=imageID

со следующими заменами

domain: замените доменом GSuite вашей компании, например pikachu
imageID: заменить на идентификатор изображения / идентификатор файла

Предварительным условием здесь является то, что изображение должно было быть передано целевой аудитории (либо каждому человеку индивидуально, либо, возможно, в рамках всей организации).

Если у вас возникли проблемы с размером визуализированного изображения, используйте следующие параметры, как указано здесь

https://drive.google.com/a/domain.com/thumbnail?id=imageID&sz=w{width}-h{height}

со следующими заменами (в дополнение к domain а также imageID замена)

{width}: напишите ширину в пикселях (без фигурных скобок), например 300
{height}: напишите высоту в пикселях (без фигурных скобок), например 200

user1640892 03 авг '20 в 11:36 2020-08-03 11:36 · Answer 10 · 2020-08-03 11:36

Согласно этому сообщению в блоге, в настоящее время рабочее решение:

<img src=”https://drive.google.com/uc?id=[imageIdGoesHere]" />

Протестируйте здесь

https://drive.google.com/uc?id=1m-uOoFzHn4oUGlEsDSEfPBbJ2QhBJzlM

Подтверждено, что это работает по состоянию на 8 августа 2020 г. Никакой общей папки или входа в систему не требуется. Но общедоступный файл есть.

user1313169 25 апр '12 в 10:19 2012-04-25 10:19 · Answer 11 · 2012-04-25 10:19

Я думаю, что это возможно, но только на короткое время

То, что вам нужно сделать, это установить список контроля доступа к файлу в общедоступный доступ только для чтения (или публичный доступ для чтения / записи). Вы можете сделать это программно с помощью API Списка документов Google или вручную с помощью кнопки "Поделиться" в средстве просмотра изображений Drive.

Затем вы можете получить URL-адрес изображения программно, используя API Списка документов Google или API Google Drive (например, file.getDownloadUrl() в Java). Вы также можете легко получить ссылку на изображение вручную, щелкнув правой кнопкой мыши изображение в программе просмотра изображений Google Диска по умолчанию.

Проблема в том, что срок действия этой ссылки ограничен, поэтому она будет работать некоторое время, а затем перестанет работать.

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

user9704496 05 окт '21 в 16:59 2021-10-05 16:59 · Answer 12 · 2021-10-05 16:59

Это единственный формат прямой ссылки без перенаправления (затем постоянная ссылка) и применяется только к файлам, непосредственно видимым на диске (например, изображениям и документам).
На него не влияет ограничение на загрузку, и вы можете использовать его для отображения изображений на веб-сайте.

Например, ссылка для обмена:

      https://drive.google.com/file/d/FILE_ID/view?usp=sharing

Становится:

      https://lh3.googleusercontent.com/d/FILE_ID

lh4, lh5 и lh6 также работают.

user3642085 18 май '14 в 18:26 2014-05-18 18:26 · Answer 13 · 2014-05-18 18:26

Некоторые из предыдущих пользователей были близки, но они пропускали шаг здесь или там.

Вот видео, которое показывает все шаги.

(Изменить 2 декабря 14
Приведенная ниже информация неверна, когда речь идет о новом Google Диске. Для нового Google Drive следуйте этим инструкциям.
Есть два варианта, которые вы можете использовать,
Вариант 1 вы можете нажать на шестеренку в правом верхнем углу и вернуться к старому диску Google, если вы вернетесь, используйте инструкции после "Завершить редактирование)".
Вариант 2 или вы можете следить за работой вокруг, которую я нашел. Если я найду лучший способ, чем этот, я обновлю его, но вот то, что я нашел, это работает.

Полная ссылка будет выглядеть так: https://googledrive.com/host/(folder id)
Первая часть вашей ссылки - https://googledrive.com/host/ второй половине вам нужно будет перейти к файлу, которым вы хотите поделиться.
Как только вы окажетесь в папке с файлом, которым вы хотите поделиться, посмотрите на ссылку выше
(Пример 1 https://drive.google.com/drive/u/0/)
(Пример 2 https://drive.google.com/drive/u/0/#folders/0B3UALYkiLexYSXZlcldoU2NpYXM/0B3UALYkiLexYRkNnOVhsUVozRU0)
В обоих приведенных выше примерах "Идентификатор папки", который вам нужен для совместного использования, - это последняя группа букв и цифр после "/", поэтому в первом примере это "0B3UALYkiLexYSXZlcldoU2NpYXM", во втором примере это "0B3UALYkiLexYRkNnOVhsUVozRU0"

В примерах, которые я использовал, пример 1 был папкой на моем диске, а пример 2 был папкой внутри той первой, поэтому он имеет всю первую ссылку перед второй.
Нам нужен только раздел после "/", самый дальний справа.

Теперь, когда у вас есть "Идентификатор папки", используйте приведенную выше формулу " https://googledrive.com/host/(folder id)".
Пример 1 https://googledrive.com/host/0B3UALYkiLexYSXZlcldoU2NpYXM
Пример 2 https://googledrive.com/host/0B3UALYkiLexYRkNnOVhsUVozRU0

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

Вот как ты это делаешь. Это довольно раздражает, и лично мне кажется, что намного проще вернуться к старому гугл-драйву.

Я постараюсь сделать новый учебник видео как можно скорее

Дайте мне знать, если это не работает для вас и с какой проблемой вы столкнулись.

Конец редактировать)

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

Или вы можете просто следовать написанным ниже.

Эти картинки идут с теми, что перечислены в шагах.

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

Создайте на своем Google Диске папку, которую хотите использовать для обмена изображениями.
Выберите эту папку и перейдите к параметрам обмена. Измените параметры "У кого есть доступ" с "Определенные люди" на "Общедоступные в Интернете". Все изображения, размещенные в папке, будут иметь ссылку на хостинг, показанную на шаге 4.
(Изображения: Изменить папку Option.png, Изменить папку 2.png и Изменить папку 3.png)
поместите изображение в эту папку.
выберите изображение, которым вы хотели бы поделиться, и посмотрите на раздел подробностей (обычно справа) для раздела, помеченного "Хостинг", вы должны найти ссылку, которая начинается с
"googledrive.com/host/(случайные числа и цифры, которые являются идентификатором этой папки) / (имя файла)"
Используйте эту ссылку, чтобы поделиться своими изображениями. Вы можете использовать эту ссылку для встраивания их в другие сайты.
(Изображения: Изменить папку 4.png и Изменить папку share.png)

user2076555 20 июн '15 в 18:50 2015-06-20 18:50 · Answer 14 · 2015-06-20 18:50

Со страниц справки Google Drive:

Чтобы разместить веб-страницу с помощью Drive:
Откройте диск на drive.google.com и выберите файл.
Нажмите кнопку "Поделиться" в верхней части страницы.
Нажмите "Дополнительно" в правом нижнем углу окна обмена.
Нажмите Изменить....
Выберите On - Public в Интернете и нажмите Save.
Перед закрытием поля для обмена скопируйте идентификатор документа с URL-адреса в поле ниже "Ссылка для обмена". Идентификатор документа представляет собой строку прописных и строчных букв и цифр между косыми чертами в URL.
Поделитесь URL-адресом, который выглядит как "www.googledrive.com/host/[doc id], где [doc id] заменяется идентификатором документа, который вы скопировали на шаге 6.
Любой может теперь просматривать вашу веб-страницу.

user1656024 08 сен '12 в 01:24 2012-09-08 01:24 · Answer 15 · 2012-09-08 01:24

Vetea, если вы берете ссылку с картинки URL, она не работает, но если вы берете ее из поля "Прямая ссылка", она должна работать. Я использовал и проверил это несколько раз.

3

Источник

user1656024 08 сен '12 в 01:24

user14128246 19 авг '20 в 21:38 2020-08-19 21:38 · Answer 16 · 2020-08-19 21:38

Я нашел очень полезный api/url:

imageId -> идентификатор файла
width, желаемая ширина (не может быть больше ширины разрешения изображения) должна быть целым числом, чтобы она работала
height, желаемая высота (не может быть больше высоты разрешения изображения) должна быть целым числом, чтобы она работала

https://drive.google.com/thumbnail?id=${imageId}&sz=w${width}-h${height}

Примечание: api/url сохранит соотношение сторон, поэтому он остановится в зависимости от того, какое измерение будет выполнено первым.

user12304000 01 янв '20 в 19:22 2020-01-01 19:22 · Answer 17 · 2020-01-01 19:22

1. Измените настройки вашего изображения на всеобщее обозрение.

2. Получите ссылку, которой можно поделиться.

3. Зайдите на этот сайт и создайте прямую ссылку для скачивания.

Сработало у меня!

2

Источник

user12304000 01 янв '20 в 19:22

user2081587 24 ноя '14 в 17:37 2014-11-24 17:37 · Answer 18 · 2014-11-24 17:37

Решение, предоставленное Niutech, сработало для меня, т.е.

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

Но есть 2 нерешенных вопроса

Вы не можете иметь 2 файла с одинаковым именем в одной папке на диске, иначе эта ссылка не будет работать.
Пока не ясно, но Google, похоже, планирует отказаться от хостинга изображений с помощью накопителя. пожалуйста, смотрите ссылку ниже. https://support.google.com/richmedia/answer/6098968?hl=en

user2819597 26 сен '13 в 13:03 2013-09-26 13:03 · Answer 19 · 2013-09-26 13:03

Вы можете сделать это прямо из Drive & Gmail. Вот как:

1. Загрузите изображение на Google диск и установите разрешения для просмотра (может быть общедоступным или любым другим с ссылкой)

Перейдите в Gmail> Написать. Выберите + рядом со значком вложения.
Выберите значок диска (треугольная форма)
Перейдите к своему изображению и щелкните правой кнопкой мыши скопировать ссылку на изображение.
Вставьте в веб-браузер или вставьте на веб-страницы по мере необходимости.

user10304430 04 сен '20 в 08:07 2020-09-04 08:07 · Answer 20 · 2020-09-04 08:07

Вы можете выполнить следующие шаги, чтобы встроить нужные файлы на свой сайт.

Найдите PDF-файл на Google Диске
Предварительный просмотр файла PDF на Google Диске
Всплывающее окно предварительного просмотра Google Диска
Используйте меню "Дополнительные действия" и выберите "Вставить".
Копия кода предоставлена
Отредактируйте страницу Сайтов Google, на которую хотите встроить
Откройте редактор HTML.
Вставьте HTML-код встраивания, предоставленный предварительным просмотром Google Диска.
Используйте кнопку "Обновить" и сохраните страницу.

Ссылки: https://www.steegle.com/websites/google-sites-howtos/embed-drive-pdf

user1362489 28 апр '12 в 06:33 2012-04-28 06:33 · Answer 21 · 2012-04-28 06:33

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

user2377343 28 апр '14 в 09:30 2014-04-28 09:30 · Answer 22 · 2014-04-28 09:30

Для изображений откройте изображение в Google Viewer. т.е.

Способ 1

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

затем просмотрите источник> найдите слово "texmex-thumb" и в стороне от него будет ссылка.

1

Источник

user2377343 28 апр '14 в 09:30

user10871748 09 июн '20 в 19:12 2020-06-09 19:12 · Answer 23 · 2020-06-09 19:12

Название функции: goobox

Теги: хостинг изображений, регулярное выражение, URL, Google Диск, Dropbox, расширенный

return: string, Возвращает строковый URL-адрес, который можно использовать непосредственно как источник изображения.
когда вы размещаете изображение на диске Google или Dropbox, вы не можете использовать прямой URL-адрес своего файла в качестве источника изображения.
вам необходимо внести изменения в этот URL, чтобы использовать его непосредственно в качестве источника изображения.
goobox() примет URL-адрес вашего файла изображения и изменит его, чтобы использовать его непосредственно в качестве источника изображения.
Важно: сначала вам нужно проверить права доступа к вашим файлам, и являются ли они общедоступными.
живой пример: https://ybmex.csb.app/

cconst goobox = (url)=>{

    let dropbox_regex = /(http(s)*:\/\/)*(www\.)*(dropbox.com)/;
    let drive_regex =/(http(s)*:\/\/)*(www\.)*(drive.google.com\/file\/d\/)/;

    if(url.match(dropbox_regex)){
       return url.replace(/(http(s)*:\/\/)*(www\.)*/, "https://dl.");
    }
    if(url.match(drive_regex)){
        return `https://drive.google.com/uc?id=${url.replace(drive_regex, "").match(/[\w]*\//)[0].replace(/\//,"")}`;
    }
    return console.error('Wrong URL, not a vlid drobox or google drive url');
}

let url = 'https://drive.google.com/file/d/1PiCWHIwyQWrn4YxatPZDkB8EfegRIkIV/view' 

goobox(URL); //  https://drive.google.com/uc?id=1PiCWHIwyQWrn4YxatPZDkB8EfegRIkIV

user5373447 13 июл '16 в 19:23 2016-07-13 19:23 · Answer 24 · 2016-07-13 19:23

Однако этот ответ прост, на самом деле очень прост, и да, многие уже упоминали об этом, просто вставив идентификатор изображения в следующую ссылку https://drive.google.com/uc?export=view&id= {fileId}

Но как бы легко это ни было, я сделал скрипт для запуска в консоли. Подайте массив полных ссылок с Google Drive и конвертируйте их в приведенную выше ссылку. Тогда они могут быть просто использованы в качестве статических адресов.

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)

user1893168 10 дек '12 в 23:59 2012-12-10 23:59 · Answer 25 · 2012-12-10 23:59

Con может отключить JavaScript в вашем браузере, откройте файл изображения и в окне просмотра исходного кода или щелкните правой кнопкой мыши на изображении, вы увидите ссылку на изображение. (проверьте предпочтение доли раньше)

-1

Источник

user1893168 10 дек '12 в 23:59

Отображение файлов (например, изображений), хранящихся на Google Диске, на веб-сайте

25 ответов

Рабочее решение для пользователей Workspace (G Suite) в ноябре 2021 г.

Возьмите ID файла и вставьте сюда:

Результат (если вы видите собаку ниже, это означает, что решение все еще работает):

Простое решение

1 Создайте папку с именем, например, "public"

2 Выберите эту папку, щелкните правой кнопкой мыши и выберите " Поделиться"> "Поделиться". Нажмите. Выберите "Любой может получить доступ"

3 Перетащите файл в папку и дайте ему выгружаться.

4 Щелкните правой кнопкой мыши файл и выберите " Детали". Одна из строк в Details-Fieldset гласит "Хостинг". Под ним URL:

Способ 1

Название функции: goobox

Теги: хостинг изображений, регулярное выражение, URL, Google Диск, Dropbox, расширенный