Google云端硬盘API不显示缩略图

时间:2020-04-22 19:54:18

标签: html image google-drive-api

我有一个使用Google Drive API的应用程序,我需要显示缩略图。但是,当我将链接传递到<img>标签时,它会以404响应,但是如果我在浏览器的另一个标签中手动打开链接,则显示会很好

1 个答案:

答案 0 :(得分:1)

  • 您要将从Google云端硬盘检索到的文件的缩略图放在HTML中。
    • 缩略图链接是通过Drive API检索的。
  • 放置并打开HTML时,将返回404。但是,当您直接访问缩略图链接的URL时,您可以在浏览器中看到图像。

我相信您的目标和您遇到的上述问题。为此,这个答案怎么样?

问题和解决方法:

根据您的情况,我认为当您直接访问缩略图链接时,您可能已经登录了Google帐户。由此,可以看到图像。而且,我认为您可能使用了以下缩略图链接。这是Drive API检索到的缩略图链接。

https://docs.google.com/feeds/vt?gd=true&id={fileId}&v=1&s=###&sz=s220

不幸的是,似乎该链接不能在外部的HTML上直接使用。因此,为了在外部HTML上使用缩略图,如何更改端点?

修改后的端点:

https://drive.google.com/thumbnail?sz=w640&id={fileId}
  • 请替换您文件ID的{fileId}
  • w640表示宽度为640像素。如果要更改高度,请使用h而不是w
  • 请公开共享您要检索缩略图的文件。是On - Anyone with the link。这样,可以使用上面的链接。请注意这一点。

注意:

  • 在以下链接中使用以下HTML时,可以看到缩略图。

    <img src="https://drive.google.com/thumbnail?sz=w640&id={fileId}">