使用javascript从谷歌驱动器加载缩略图图像问题

时间:2017-01-17 06:09:45

标签: javascript rest api google-drive-api

enter image description here

请参考以上链接以供参考。

我正在使用驱动器休息API与谷歌驱动器中的文件进行交互。 我的问题是当试图加载缩略图图像(这是从谷歌驱动器元数据获得)我得到以下错误响应。

(重新加载页面以获取源代码:https://lh6.googleusercontent.com/PIkXnvV5LN71K8UdvltrFIS7WpKOiXHnJCIvPRsq0ma_XU_gzEFKrfnc6hYFIojM_4_kNA = W100-H100)

  • 然而它有时工作正常并且可以完美地加载图像。
  • 我也检查了新标签中的链接,这也很有效。

这是我的java脚本代码

- 用于元数据的链接

var googleLink = 'https://www.googleapis.com/drive/v2/files?q="'+attachmentId+'" in parents and mimeType != "application/vnd.google-apps.folder"&access_token='+that.getAccessToken();

- 浏览器中渲染图像链接的代码

for(var i = 0; i < files.items.length; i++){
        var div = $('<div class="row">');
        var link = $('<a href="'+files.items[i]['downloadUrl']+"&access_token="+upload.getAccessToken()+'">');

        if(files.items[i]['thumbnailLink'] != undefined){
            var thumbnailUrl = files.items[i]['thumbnailLink'].split("=");
            var linkUrl = thumbnailUrl[0]+"=w100-h100";
            var image = $('<img src="'+files.items[i]['iconLink']+'" data-src="'+linkUrl+'" style="padding:2px; float:left; height:auto; width:auto;" onload="loadPreviewImage(this)">');
            link.append(image);
        }else{
            div.append($('<img src="'+files.items[i]['iconLink']+'" style="padding:2px; float:left;">'));           
        }
        link.append(files.items[i]['originalFilename']);
        div.append(link);
        td.append(div);
    }

//function for loading thumbnail image
function loadPreviewImage(element){
    var img = $(element);
    img.src = img.dataset.src;
}

2 个答案:

答案 0 :(得分:0)

如果您停用名为Allow users to install Google Drive apps的Google云端硬盘设置,则可能会出现错误403。检查您是否确定已启用Google云端硬盘,这可能是一件好事。

还建议先清除缓存。如果这不起作用,请尝试使用恶意软件/病毒扫描程序运行恶意软件扫描。

您可以查看以下相关主题:

答案 1 :(得分:-2)

我遇到的问题是没有看到Google文档图标,而是看到了损坏的图像。但是我意识到自己也遇到了来自第三方的相同请求问题,因此能够解决此问题,因此我进入了计算机的Internet设置并将其重置为默认设置。

开始>控制面板> Internet选项>选项卡(安全性/隐私/高级)=默认值