Javascript 从谷歌硬盘检索缩略图
我正在使用Google Drive Picker API for JavaScript，并希望检索文档的缩略图，与Google Drive生成的URL相对 以下是谷歌检索文档的方法，以及生成url的位置：Javascript 从谷歌硬盘检索缩略图,javascript,jquery,html,google-drive-api,thumbnails,Javascript,Jquery,Html,Google Drive Api,Thumbnails,我正在使用Google Drive Picker API for JavaScript，并希望检索文档的缩略图，与Google Drive生成的URL相对 以下是谷歌检索文档的方法，以及生成url的位置： <!DOCTYPE html> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="content-type" content="text/html; c
<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="content-type" content="text/html; charset=utf-8"/>
<title>Google Picker Example</title>
<script type="text/javascript">
// The Browser API key obtained from the Google Developers Console.
var developerKey = 'xxxxxxxYYYYYYYY-12345678';
// The Client ID obtained from the Google Developers Console. Replace with your own Client ID.
var clientId = "1234567890-abcdefghijklmnopqrstuvwxyz.apps.googleusercontent.com"
// Scope to use to access user's photos.
var scope = ['https://www.googleapis.com/auth/photos'];
var pickerApiLoaded = false;
var oauthToken;
// Use the API Loader script to load google.picker and gapi.auth.
function onApiLoad() {
gapi.load('auth', {'callback': onAuthApiLoad});
gapi.load('picker', {'callback': onPickerApiLoad});
}
function onAuthApiLoad() {
window.gapi.auth.authorize(
{
'client_id': clientId,
'scope': scope,
'immediate': false
},
handleAuthResult);
}
function onPickerApiLoad() {
pickerApiLoaded = true;
createPicker();
}
function handleAuthResult(authResult) {
if (authResult && !authResult.error) {
oauthToken = authResult.access_token;
createPicker();
}
}
// Create and render a Picker object for picking user Photos.
function createPicker() {
if (pickerApiLoaded && oauthToken) {
var picker = new google.picker.PickerBuilder().
addView(google.picker.ViewId.PHOTOS).
setOAuthToken(oauthToken).
setDeveloperKey(developerKey).
setCallback(pickerCallback).
build();
picker.setVisible(true);
}
}
// A simple callback implementation.
function pickerCallback(data) {
var url = 'nothing';
if (data[google.picker.Response.ACTION] == google.picker.Action.PICKED) {
var doc = data[google.picker.Response.DOCUMENTS][0];
url = doc[google.picker.Document.URL];
}
var message = 'You picked: ' + url;
document.getElementById('result').innerHTML = message;
}
</script>
</head>
<body>
<div id="result"></div>
<!-- The Google API Loader script. -->
<script type="text/javascript" src="https://apis.google.com/js/api.js?onload=onApiLoad"></script>
</body>
</html>
谷歌选择器示例
//从Google开发者控制台获得的浏览器API密钥。
变量developerKey='xxxxxxx yyyyyyyyy-12345678'；
//从Google开发者控制台获得的客户端ID。替换为您自己的客户端ID。
var clientId=“1234567890 abcdefghijklmnopqrstuvxyz.apps.googleusercontent.com”
//用于访问用户照片的范围。
变量范围=['https://www.googleapis.com/auth/photos'];
var pickerApiLoaded=false；
var oauthToken；
//使用API加载程序脚本加载google.picker和gapi.auth。
函数onapioad（）{
load（'auth'，{'callback'：onAuthApiLoad}）；
load（'picker'，{'callback'：onPickerApiLoad}）；
}
函数onAuthApiLoad（）{
window.gapi.auth.authorize(
{
“客户端id”：客户端id，
“范围”：范围，
“立即”：false
},
手工（结果）；
}
函数onPickerApiLoad（）{
pickerApiLoaded=真；
createPicker（）；
}
函数handleAuthResult（authResult）{
if（authResult&！authResult.error）{
oauthToken=authResult.access\u令牌；
createPicker（）；
}
}
//创建并渲染用于拾取用户照片的拾取器对象。
函数createPicker（）{
if（pickeraploraded&&oauthToken）{
var picker=new google.picker.PickerBuilder（）。
addView（google.picker.ViewId.PHOTOS）。
setOAuthToken（oauthToken）。
setDeveloperKey（developerKey）。
setCallback（pickerCallback）。
build（）；
picker.setVisible（true）；
}
}
//一个简单的回调实现。
函数选择器回调（数据）{
var url='无'；
if（数据[google.picker.Response.ACTION]==google.picker.ACTION.PICKED）{
var doc=data[google.picker.Response.DOCUMENTS][0]；
url=doc[google.picker.Document.url]；
}
var message='您选择的：'+url；
document.getElementById（'result'）.innerHTML=message；
}
简而言之，我想要的不是URL，而是一个缩略图，因为我想向用户显示缩略图，点击后会将他们带到相应的文档，而不是URL查看并向下滚动到底部附近的文档。您将看到文档对象具有属性缩略图。非常感谢您的建议。我已经查看了文档，并更改了以下行url=doc[google.picker.document.url]；tourl=doc[google.picker.缩略图.url]；但不幸的是，当我想显示一个可点击的缩略图时，它仍然在屏幕上输出一个url