在网站上显示存储在谷歌驱动器中的文件(例如图像)

我想知道是否可以在公共网站上访问/显示存储在谷歌驱动器中的图像等文件。

520819 次浏览
小开

我认为这是可能的，但只是在短时间内

你要做的就是将文件的访问控制列表设置为公共只读(或公共读/写)。你可以通过编程方式使用谷歌文档列表API，或者手动通过Drive图像查看器上的“Share”按钮来实现。

然后，您可以通过使用谷歌文档列表API或使用谷歌硬盘API(即Java中的file.getDownloadUrl ())以编程方式获取图像的URL。您还可以通过在谷歌驱动器默认图像查看器中右键单击图像，轻松地手动获取到图像的链接。

问题是，这个链接存在的时间是有限的，所以它会工作一段时间，然后就停止工作了。

基本上，存储在驱动器中的图像文件的URL应该是可以访问的，而不需要任何身份验证，一旦它被设置为公开共享，但URL将在某个时候改变。我们可能会在未来找到一个解决方案，比如提供一个永久的URL，将重定向到这些不断变化的URL，但没有承诺…

小开

在谷歌驱动器API中有一个文件类型选项。你可以检查它是否被解析成一个有效的图像。我会看一个选项，如果文件类型给我一个无效的图像，然后为文件获取一个新的直接URL。我还没有弄清楚如何做到这一点，但也许这是一个尝试的途径。

小开

一个变通方法是用Google Drive SDK API获取fileId，然后使用这个Url:

https://drive.google.com/uc?export=view&id={文件标识}

这将是一个永久链接到您的文件在谷歌驱动器(图像或其他任何东西)。

注:此链接似乎受配额限制。所以不适合公开/大规模共享。

小开

Vetea，如果你从图片URL中获取链接，它不工作，但如果你从“直接链接”字段中获取它，它应该工作。我在多个场合使用并测试过它。

小开

更新:与宣布一样，谷歌在2016年8月弃用了此功能。下面是带有替代选项的谷歌的最终更新。

是的，这是可能的。如果你把文件放在公用文件夹中，你可以通过这个URL获取文件夹中的任何文件:

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

Con可以禁用javascript在您的浏览器中打开图像文件并在查看页面源或右键单击图像，就会看到图像链接。(事先查看股权偏好)

小开

如果你想在浏览器中查看文件，也可以使用类似于rufo和Torxed提供的方法:

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

更新:与宣布一样，谷歌在2016年8月弃用了此功能。下面是带有替代选项的谷歌的最终更新。

在2013年4月，使用Chrome/webkit，以下对我来说是有效的:

  • 1创建一个名为“public”的文件夹;

  • 2选择该文件夹，右键单击并分享比;分享. txt。点击。选择“任何人都可以访问”;

  • 3将文件拖放到文件夹中，并上传。

  • 4右键单击文件，选择“细节”。Details-Fieldset中的一行是"Hosting"。下面是一个url:

https://googledrive.com/...

  • 拖放该url到一个新的选项卡。复制并粘贴url并共享或嵌入到任何你喜欢的地方。

一个限制是，就HTTP而言，似乎只有安全的HTTP访问是可能的。

< p > 更新:
另一个限制是谷歌驱动器可以打开的文件将无法访问那样做。
也就是说，点击“;细节"

要克服这个问题:

  • 右键单击有问题的文件，选择“打开>管理应用程序"

enter image description here

  • 在这里取消文件相关的应用程序
  • 可选:Reload谷歌Drive
  • 右键点击文件，选择“details”;
  • 继续执行步骤#4

注意:上述过程的替代方法是上传带有谷歌驱动器无法打开/未关联的扩展名的文件。

小开

你可以直接从Drive &Gmail方法如下:

1.上传图片到谷歌驱动器并设置查看权限(可以是公共或任何人w/ link)

  1. 去Gmail>撰写。选择附件图标旁边的+。

  2. 选择驱动器图标(三角形)

  3. 导航到您的图像和右键复制图像url

  4. 粘贴到网页浏览器或嵌入网页根据需要。

小开

这是一个简单的视图链接:

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

例如https://drive.google.com/uc?id=0B9o1MNFt5ld1N3k1cm9tVnZxQjg

你也可以对其他类型的文件做同样的事情，例如MP3, PDF等。

小开

对于图像，在谷歌查看器中打开图像。即。

方法1

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

然后查看源>找到单词“texmex-thumb”，旁边会有链接。

小开

以前的一些用户很接近，但他们在这里或那里遗漏了一个步骤。

这里有一个视频展示了所有的步骤。

(Edit 2-Dec-14
当涉及到新的谷歌Drive时，下面的信息是不正确的。对于新谷歌驱动器，请遵循以下说明。 你有两种选择，
选项1您可以单击右上角的齿轮并恢复到旧的谷歌驱动器，如果您恢复，请使用“结束编辑”后的说明) ．
选择二，或者你可以跟着我找到的工作。如果我找到比这更好的方法，我会更新它，但以下是我发现的有效方法。


完整的链接看起来像这样"https://googledrive.com/host/(文件夹 id) 你需要链接的第一部分是“https://googledrive.com/host/”，对于第二部分，你需要导航到你想要共享的文件。 一旦你进入了你想要共享的文件所在的文件夹，看看上面的链接
(示例1 https://drive.google.com/drive/u/0/#folders/0B3UALYkiLexYSXZlcldoU2NpYXM)
(例2 https://drive.google.com/drive/u/0/#folders/0B3UALYkiLexYSXZlcldoU2NpYXM/0B3UALYkiLexYRkNnOVhsUVozRU0) 在上面的两个例子中，你需要共享的“文件夹ID”是“/”后面的最后一组字母和数字，所以在例子一中，它是“0B3UALYkiLexYSXZlcldoU2NpYXM”在例子二中，它是“0B3UALYkiLexYRkNnOVhsUVozRU0”
在我使用的示例中，示例1是我驱动器上的一个文件夹，示例2是第一个文件夹中的一个文件夹，这就是为什么它在第二个之前有整个第一个链接。
我们只需要最右边的“/”后面的部分。

现在你有了你的“文件夹ID”，使用上面的公式“https://googledrive.com/host/(文件夹 ID)”
例1 https://googledrive.com/host/0B3UALYkiLexYSXZlcldoU2NpYXM
例2 https://googledrive.com/host/0B3UALYkiLexYRkNnOVhsUVozRU0

很好，现在你有了这个链接，在一个新页面中打开它。它将引导您到共享文件夹。一旦在那里，你可以右键单击任何文件，选择“复制链接地址”，或者你可以单击该文件夹中的任何文件，它会带你到托管图像，页面顶部的URL是托管URL。


你就是这么做的。这很烦人，就我个人而言，恢复到旧的谷歌驱动器似乎容易得多。

我会尽快制作一个新的教程视频

如果这对你不起作用，请告诉我你遇到了什么问题。

< br >结束编辑)

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

或者你可以按照下面的书面说明来做。

这些图片和步骤中列出的图片是一致的。

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

  1. 在您的谷歌驱动器上创建一个您想用于共享图像的文件夹。

  2. 选择该文件夹，进入共享选项。将“谁有权访问”选项从“特定人员”更改为“网上公开” 所有放在文件夹中的图像都将有一个托管链接，如步骤4所示

    (图片:更改文件夹选项。png， 更改文件夹选项2.png，和更改文件夹选项3.png)

  3. 在该文件夹中放置图像。

  4. 选择你想要分享的图像，并查看详细信息部分(通常在右侧)，为标记为“托管”的部分，你应该找到一个链接

    "googledrive.com/host/(random数字和数字是该文件夹的ID)/(文件名)"

    使用这个链接来分享你的图片。您可以使用该链接将它们嵌入到其他网站。

    (图片:更改文件夹选项4.png和更改文件夹选项share.png)

小开

牛科技提供的解决方案对我很有效。

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

但有两个突出的问题

  1. 您不能在驱动器中的同一文件夹中有两个具有相同名称的文件，否则此链接将不起作用。

  2. 目前还不清楚，但谷歌似乎计划通过驱动器弃用映像托管。请看下面的链接。 李https://support.google.com/richmedia/answer/6098968?hl=en < / p > < / >

小开

从谷歌驱动器帮助页面:

使用Drive托管网页:

  1. 在drive.google.com打开Drive并选择一个文件。
  2. 单击页面顶部的Share按钮。
  3. 2 .单击共享框右下角的“高级”。
  4. 点击改变……
  5. 在web上选择“开启-公开”，单击“保存”。
  6. 关闭共享框前，从“共享链接”下方字段的URL复制文档ID。文档ID是字符串 的大小写字母和斜杠之间的数字 李URL。< / >
  7. 共享类似于“www.googledrive.com/host/[doc id]”的URL，其中[doc id]被您在第6步中复制的文档id所取代。

现在任何人都可以查看你的网页。

小开

下面是如何从@ https://productforums.google.com/forum/ !主题/传动/ yU_yF9SI_z0 /讨论

1-上传你的图片

2-右击并选择“获得共享链接”;

3-复制链接应该看起来像

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

4-将open?改为uc?，并像这样使用它

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

然而，这个答案很简单，事实上非常简单，许多人都提到了它，简单地把图像的id放在下面的链接https://drive.google.com/uc?export=view&id={fileId}

但是无论多么简单，我做了一个脚本在控制台中运行。 从谷歌驱动器中输入一个完整的可共享链接数组，并将它们转换为上述链接。然后它们可以简单地用作静态地址。< / p > 

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)

小开

1.将您的图片设置更改为公共。

2.获取其可共享链接。

3.转到这个网站并生成一个直接下载链接。

为我工作!

小开

专门针对G-Suite用户 ． 正如第三点中所报告的，你可以使用这个URL托管图像

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

有以下替换

  • domain:替换为你公司的GSuite域，如pikachu
  • imageID:替换为映像id /文件id

这里的先决条件是，图像应该通过驱动器共享给目标受众(无论是单独的每个人还是整个组织)

enter image description here

如果你面对渲染图像大小的问题，使用下面提到的选项在这里

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

使用以下替换(除了domain和imageID替换)

  • {width}:像300一样以像素为单位写宽度(不带花括号)
  • {height}:像200一样以像素为单位写高度(不带大括号)
小开

编辑:截至2020年，这是有效的。以前的大多数答案都过时了。

简单的解决方案

你所要做的就是打开你的文件:

Image of mountain on谷歌Drive .

然后，进入你的网页检查器(对于Chrome， Cmd-Shift-I或Ctrl-Shift-I取决于你的操作系统)，并获得链接。将该链接粘贴到浏览器中，它将重定向到另一个链接。复制新的URL。完成了!

Image of link for Image show in web inspector

重定向的目的是什么?

似乎如果你使用第一个链接，它只能在登录到你的谷歌帐户时才能访问。对其他人没有多大帮助。然而，第二个重定向链接不需要您登录。这就是它背后的基本原理。

我删除了图像中显示的原始文件，但我有另一个工作示例在这里。

实际上，我已经检查了大约一周前在我的编辑中发布的示例链接，但它似乎不再工作了。看起来这些链接只是临时工作，所以不要在任何生产环境中使用它们。

小开

功能名称:goobox

标签:图像托管，regex, URL，谷歌驱动器，dropbox，高级

  • return: string，返回一个字符串URL，可以直接用作图像的来源。
  • 当你在谷歌驱动器或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
小开

根据这篇博文，当前工作的解决方案是:

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

Test here

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

经验证，该系统将于2021年4月26日生效。无需共享文件夹，无需登录。但是公共共享文件是。

小开

我发现了一个非常有用的api/url:

    <李> imageId→文件ID
    李如果你在挣扎，你可以在哪里找到fileId的截图 < / >
  • width，期望的宽度(不能大于图像分辨率宽度)，必须为整数才能工作
  • height，期望的高度(不能大于图像分辨率高度)，必须为整数才能工作
https://drive.google.com/thumbnail?id=${imageId}&sz=w${width}-h${height}

注意:api/url将保持纵横比，因此它将在第一个维度停止

小开

您可以按照以下步骤将您想要的文件嵌入到您的网站。

  1. 在谷歌驱动器中找到PDF文件
  2. 在谷歌驱动器中预览PDF文件
  3. 弹出谷歌驱动器预览
  4. 使用“更多操作”菜单并选择“嵌入项”
  5. 提供副本代码
  6. 编辑谷歌网站页面，你想嵌入
  7. 打开HTML编辑器
  8. 粘贴谷歌驱动器预览提供的HTML嵌入代码
  9. 使用更新按钮并保存页面

引用:https://www.steegle.com/websites/google-sites-howtos/embed-drive-pdf

小开
这是唯一的直接链接格式没有重定向(然后一个永久链接)，只适用于文件直接可见的谷歌驱动器(例如图像和文档)。
它不受下载限制的影响，你可以用它在网站上显示图像

例如共享链接:

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

就变成:

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

Lh4, lh5和lh6也有作用。

小开

2022年11月面向工作空间(G套件)用户的工作解决方案

一些嵌入代码不显示img，除非查看者登录到gmail，下面的工作就像你的网络主机上的常规图像:

公开分享项目(确保它说“互联网上任何有此链接的人都可以查看):要么图片本身(或图片所在的文件夹)，然后按以下方式复制链接

enter image description here

获取文件的ID并在这里插入:
<img src="https://lh3.googleusercontent.com/d/[ID_OF_THE_FILE]">
结果(如果你看到下面的狗，这意味着解决方案仍然有效):

Localmachine

不会显示在MAMP/WAMP类型的本地主机环境，但显示在网页上。


提交答案