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


289

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


4
Кажется, что пользователь, который создал вопрос, никогда больше не использовал SO, оставляя этот вопрос без принятого ответа (когда есть хотя бы один действительный ответ). Могут ли редакторы сообщества это исправить?
Руфо

6
Похоже, что это устарело: устарела поддержка веб-хостинга в Google Диске
dumbledad

Вот последнее обновление от Google в июле 2016 года с альтернативами: gsuite-developers.googleblog.com/2016/07/…
wescpy

@ wescpy , я нашел, что это решение работает для моей учетной записи G-Suite
y2k-shubham

Ответы:


200

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

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

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

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


Тем не менее, очевидно, что этот URL (по крайней мере, «просмотр») работает только тогда, когда пользователь, просматривающий его, вошел в Google (диск?). В анонимном окне просмотра я получил страницу входа вместо (общедоступного) изображения, которое я запрашивал.
scy

1
Смотрите мой комментарий от 27 марта, также для любых других ссылок есть квоты, которые вы не можете превысить.
Руфо

1
Это работает без использования общей папки. Само изображение должно быть общедоступным. Идентификатор файла отображается - встроенный в URL - при совместном использовании файла.
Джим Фред

4
Привет, Руфо, не могли бы вы поделиться информацией о квоте, например, сколько там квоты? Означает ли квота пропускную способность просмотра в месяц? Есть ли ссылка без квоты? Я ищу публичный / массовый обмен.
Noitidart

1
важная заметка, как сказал @JimFred, файл должен быть общедоступным
datdinhquoc

163

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

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

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

3
Мертвая ссылка :( кто-нибудь получил новую?
Rambatino

@LeoLuanElezi, в то время как ваше редактирование было правильным, лучше было бы отредактировать сводку «удалите мертвую ссылку»
Nissa

152

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

https://drive.google.com/uc?id=FILE_ID

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

Вы можете сделать то же самое для других типов файлов, например, MP3, PDF и т. Д.


13
Оно работает! (ссылка для обмена https://drive.google.com/file/d/2B8NbrE732XHNLThjZWZzMMVCDeVFpLVVXUkFjT3h2Qloweslz/edit?usp=sharing превратилась в https://drive.google.com/uc?id=2B8NbrE732XHNLThjZWZzMMVCDeVFpLVVXUkFjT3h2Qloweslz).
cbh2000

Как палить видеофайл в видеовью?
Чиру

API Drive в по окончанию загрузить файл имеет эту ссылку в ответном сообщении: data.response.webContentLink. Это будет &export=downloadв конце, который просто должен быть обрезан.
Билл Хоаг

Этот ответ сработал для меня, когда я пытался разместить / использовать изображение для моего логотипа команды ESPN Fantasy-Football ... так что спасибо.
NateJ

1
@pabloverd: «Должен ли я выполнять это действие один за другим» Да.
Мори

61

вот как из @ https://productforums.google.com/forum/#!topic/drive/yU_yF9SI_z0/discussion

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

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

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

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

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

<img src="https://drive.google.com/uc?id=xxxxx">
  • Рекомендуется удалить http:или https:при ссылке на что-либо из Интернета, чтобы избежать проблем с сервером.

@ ctf0 «Рекомендуется удалить http: или https: при обращении к чему-либо из Интернета, чтобы избежать каких-либо проблем с вашим сервером», так что вы советуете просто сделать drive.google.com?
HoCo_

РАБОТАЛ хорошо, просто
Тара Перера

26

ОБНОВЛЕНИЕ: Как было объявлено , 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 не может открыть / не связано.


2
Обновление до обновления - оно устарело в 201 5 году и удалено в 2016 году 6
Chris H

И поэтому этот ответ должен быть удален
matanster

14

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

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

Я не понимаю Если я хочу просмотреть gdoc в браузере, я просто ввожу его URL.
Фил Гетц

7

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

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

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

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

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


1
Было бы неплохо знать заранее, как долго живет ссылка. Это исправить или это зависит от других параметров?
Дрейк

2
По своему опыту, если я спрошу инженера, что это за значение, он ответит: «Сейчас XXX, но не говорите им, потому что мы можем изменить его в любое время :)» Я уверен, что вы можете легко поэкспериментировать, чтобы найти это значение;)
Николя Гарнье

В настоящее время общедоступная, даже с истекшим сроком действия, ссылка на ресурс - это то, что нам нужно, помимо песочниц приложения, для которых данные уже принадлежат приложению oauth2, не мешая ACL.
Каин

6

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

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

  1. Откройте диск на drive.google.com и выберите файл.
  2. Нажмите кнопку «Поделиться» в верхней части страницы.
  3. Нажмите «Дополнительно» в правом нижнем углу окна обмена.
  4. Нажмите Изменить ....
  5. Выберите On - Public в Интернете и нажмите Save.
  6. Перед закрытием поля для обмена скопируйте идентификатор документа с URL-адреса в поле ниже «Ссылка для обмена». Идентификатор документа представляет собой строку прописных и строчных букв и цифр между косыми чертами в URL.
  7. Поделитесь URL-адресом, который выглядит как «www.googledrive.com/host/[doc id], где [doc id] заменяется идентификатором документа, который вы скопировали на шаге 6.

Любой может теперь просматривать вашу веб-страницу.


5

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

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

(Отредактируйте 2-Dec-14.
Приведенная ниже информация неверна, когда речь идет о новом Google Диске. Для Нового Google Диска следуйте этим инструкциям.
Есть два варианта, которые вы можете использовать,
вариант 1: вы можете нажать на шестеренку справа вверху и вернуться к старому Google Диску, если вы вернетесь, используйте инструкции после «End Edit»).
Вариант 2 или вы можете следить за работой вокруг, которую я нашел. Если я найду лучший способ, чем этот, я обновлю его, но вот то, что я нашел, это работает.


Полная ссылка будет выглядеть следующим образом: « https://googledrive.com/host/(folder id).
Часть первой ссылки, которая вам нужна, - это« https://googledrive.com/host/ »для второй половины, которая вам понадобится. чтобы перейти к файлу, которым вы хотите поделиться.
Как только вы окажетесь в папке с файлом, которым вы хотите поделиться, посмотрите на ссылку выше
(Пример 1 https://drive.google.com/drive/u/0/ # folder / 0B3UALYkiLexYSXZlcldoU2NpYXM )
(Пример 2 https://drive.google.com/drive/u/0/#folders/0B3UALYkiLexYSXZlcldoU2NpYXM/0B3UALYkiLexYRkNnOVhsUvozzzzzzzzzzzzzzvzzzzzzzvzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzoz ))
В обоих вышеприведенных примерах «Идентификатор папки», который вам нужен для совместного использования, является последней группой букв и цифр после «/», поэтому в первом примере это «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/

  1. Создайте на своем Google Диске папку, которую хотите использовать для обмена изображениями.

  2. Выберите эту папку и перейдите к параметрам обмена. Измените параметры «У кого есть доступ» с «Определенные люди» на «Общедоступные в Интернете». Все изображения, размещенные в папке, будут иметь ссылку на хостинг, показанную на шаге 4.

    (Изображения: Изменить папку Option.png , Изменить папку 2.png и Изменить папку 3.png )

  3. поместите изображение в эту папку.

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

    "googledrive.com/host/( случайные числа и цифры, которые являются идентификатором этой папки) / (имя файла)"

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

    (Изображения: параметр « Изменить папку» 4.png и параметр « Изменить папку» share.png )


3

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

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

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

Изображение горы на Google Диске

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

Изображение ссылки на изображение, отображаемое в веб-инспекторе

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


Бриллиант - Это должно быть лучшим
голосом с

2

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


2

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

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

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

  1. Вы не можете иметь 2 файла с одинаковым именем в одной папке на диске, иначе эта ссылка не будет работать.

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


Google не дал каких-либо сроков, когда это будет объявлено устаревшим? Я планировал интегрировать это с моим сайтом, но не очень уверен, прочитав это!
Шихар

1
Посмотрите здесь: googleappsupdates.blogspot.com/2015/08/…
Мори

2

Специально для пользователей 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

1

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


1

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

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

  1. Перейдите в Gmail> Написать. Выберите + рядом со значком вложения.

  2. Выберите значок диска (треугольная форма)

  3. Перейдите к своему изображению и щелкните правой кнопкой мыши скопировать ссылку на изображение.

  4. Вставьте в веб-браузер или вставьте на веб-страницы по мере необходимости.


Это только дает вам ссылку на весь документ. В этом нет никакого смысла; у вас уже есть URL документа, когда вы редактируете или просматриваете его. Люди, прекратите публиковать ответы о том, как найти URL документа! Мы уже знаем его URL.
Фил Гетц

1

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

2. Получите свою ссылку.

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

Работал на меня!


0

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


Это было бы неплохо, но если вы отключите JavaScript и попытаетесь открыть документ Google, вы получите сообщение: «JavaScript не включен в вашем браузере, поэтому этот файл нельзя открыть. Включите и перезагрузите».
Фил Гетц


0

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

теги: хостинг изображений, регулярные выражения, URL, google drive, 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 

-3

Однако этот ответ прост, на самом деле очень прост, и, да, многие уже упоминали его, просто вставив идентификатор изображения в следующую ссылку 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)

Используя наш сайт, вы подтверждаете, что прочитали и поняли нашу Политику в отношении файлов cookie и Политику конфиденциальности.
Licensed under cc by-sa 3.0 with attribution required.