如何在网站上显示谷歌从驱动器镜像？(How do I display images from Goo

2019-07-22 11:32发布

站内文章 / 前端开发
248 0 0

我的一个客户已经上传了一些照片，他们的谷歌驱动器 ，并希望我来显示公司网站上自己的照片。 我回顾了文档的网页中显示谷歌云端硬盘内容，但现在看来，这简直是在一个网页，它已经不显示内容的说明。

我的问题是，我怎么直接在客户端的网页上显示的内容？

谢谢。

Answer 1:

如果你有一些图像文件，只需将它们上传到您的谷歌云端硬盘中的公用文件夹 ，从地址栏（如0B0Gi4v5omoZUVXhCT2kta1l0ZG8）复制的文件夹ID并将其粘贴到在形式GDrives ，然后选择你自己的别名（如myimgs）和瞧！ 您可以通过一个采用如访问图像一个http://gdriv.es/myimgs/myimage.jpg 。

如果要嵌入您网站上的整个文件夹（在框架中），您可以使用以下URL之一，用自己的ID替换[folderID]：

  • http://gdriv.es/myimgs/
  • https://docs.google.com/folder/d/[folderID]/preview?rm=minimal
  • https://drive.google.com/folderview?id=[folderID]

如果您希望获得XML或JSON文件列表，你可以用YQL 。

注意：您可以使用Google+相册托管ANS嵌入您的影像。



Answer 2:

使用在谷歌驱动器“获取链接”选项获取URL。

使用<img>标签在HTML并粘贴在那里的链接。

更改Open? 在URL中uc? 。



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

你将需要获取图像的ID：点击“打开新窗口”，并从URL标识。



Answer 4:

从谷歌驱动器的帮助页面 ：

为了举办各种驱动网页：

  1. 在drive.google.com打开云端硬盘并选择一个文件。
  2. 点击页面顶部的共享按钮。
  3. 在分享框的右下角单击高级。
  4. 单击更改....
  5. 选择开启 - 在网络上公开，然后点击保存。
  6. 关闭共享框前，从URL中字段复制下面的“共享链接”的文件ID。 该文件ID是在URL中斜杠之间的大写字母，小写字母和数字组成的字符串。
  7. 分享，看起来像“www.googledrive.com/host/[doc ID]，其中[文件编号]由您在步骤6复制的文件ID替换URL。

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

如果你想看到你的网站中的图像嵌入的链接PIC在你的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>

注意：

开始2015年8月31日，网站在谷歌驱动器主机为用户和开发人员将被弃用。 您可以继续使用此功能，为期一年，直到2016年8月31日，当我们将停止通过googledrive.com/host/[doc ID服务内容。 更多信息



Answer 5:

更新18/02/2017谷歌此前谷歌贬值驱动器上的免费托管功能，现在在谷歌驱动器免费，你不能承载你的静态网站。

但是，如果你想举办在谷歌的JavaScript和CSS和图像文件驱动器，然后你仍然可以做到这一点。 你只需要获取该文件的永久链接。 下面的更新教程（2017年）。

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



Answer 6:

谷歌驱动主机现在已经过时。 它停止工作，2016年8月31日。

托管在谷歌驱动器-折旧时间表

我已删除了如何以前托管在谷歌驱动器的图像的解释。



Answer 7:

列表显示

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



Answer 8:

嵌入一​​个谷歌驱动器映像的示例

原始地址：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>

谢谢https://codepen.io/jackplug/pen/OPmMJB



Answer 9:

如果该文件是在一个公共文件夹，您可以使用谷歌驱动的网站托管 。



Answer 10:

我不知道一个更好的方式，但你可以用PHP datamine的页面。 例如，如果你去谷歌和共享文件夹，然后转到该文件夹​​它看起来像

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

^^^不是一个真正的链接

你所寻找的是这个页面的源代码中的单个图像

然后使用PHP获得的源代码

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

现在$ f的来源，你可以使用其他的PHP命令来单独只与你想要的图片的网址。 这将需要一些工作，但非常可行的。

一旦你有一个展示你只想他们打造成了一个div或表结构显示在画廊的方式将这些图像链接甚至可能增加对效果greybox元素



Answer 11:

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

我用我的wordpress网站作为存储本地主机上的图像文件占用得多的空间和减慢我的网站

我用TextMate的，因为它是容易编辑使用“ALT /选项”按钮，在同一时间多个URL



Answer 12:

一对夫妇有趣的选择公开托管在驱动器（不建议使用）的图像：

1.谷歌图片

如果你上传图片到谷歌的照片，而不是驱动它得到一个公共网站链接。

此行为是有点令人惊讶给我，但链接很长，而且是随机的，所以他们显然是练“默默无闻的隐私。”

2.谷歌绘图

如果您创建使用的图像“谷歌制图”程序 （内置驱动器），你可以按File > Publish to Web以获得公众的联系。

注意：这可能是一个解决方案，如果你想共享现有image--将图像粘贴到编辑器和裁剪画布图像（ file > Page Setup ） -但它是一个有点麻烦。 如果你需要做一些基本的图像编辑，虽然，或者如果你想创建一个简单的图标/图形，我觉得这是漂亮的。



文章来源: How do I display images from Google Drive on a website?
标签： google-drive-sdk
举报

收藏的人(0)

Ta的文章 更多文章
登录 后发表评论
0条评论
还没有人评论过~