【问题标题】:How to show thumbnail image from Google Drive API如何从 Google Drive API 显示缩略图
【发布时间】:2017-08-15 17:19:29
【问题描述】:

我通过使用 Javascript 跟随 Google Drive API Samples 在云端硬盘中获得了我上传的公共文件的缩略图链接 DoFu。在浏览器上打开链接时可以显示图像。但是,它不能在 HTML 图像元素上显示。

我还尝试使用“GET https://www.googleapis.com/drive/v3/files/{FILE_ID}?fields=contentHints%2Fthumbnail%2Fimage%2CthumbnailLink&key={YOUR_API_KEY}”通过 API 密钥访问此图像,它可以在缩略图链接中返回一个对象。但是,它也不能显示在图像元素上。

如何获取真实图片源链接以便在我的网页上显示?

【问题讨论】:

  • 请详细说明“无法在 HTML 图像元素上显示”是什么意思?如果您打开缩略图链接,打开的页面会在 img 元素中显示图像...
  • 我的意思是当我将 thumbnailLink 放入 img 元素时,例如,图片无法显示。看来 thumbnailLink 不是直接图片链接。
  • Umh ...请按照您在问题中提供的“DoFu”链接,查看代码源,您可以看到缩略图用于img元素...
  • 这是“lh6.googleusercontent.com”之后的特殊字符串,它与我从 Drive 中检索到的 thumbnailLink 相同。它似乎没有直接放在 img 元素中。 img 元素不显示任何内容。
  • 查看源代码,然后从那里复制 src,添加到您需要的地方,应该可以。比如this fiddle

标签: javascript google-drive-api


【解决方案1】:

我终于用这种方式解决了。获取范围为 drivedrive.readonly 的缩略图链接,并将其设置为 https://drive.google.com/thumbnail?authuser=0&sz=w320&id=[fileid]。它让用户在登录时获得缩略图到私人数据。

【讨论】:

    猜你喜欢
    • 2017-12-14
    • 2017-05-12
    • 2015-03-25
    • 1970-01-01
    • 1970-01-01
    • 2016-12-10
    • 1970-01-01
    • 1970-01-01
    • 2023-03-31
    相关资源
    最近更新 更多