Google云端硬盘文件选择器不会显示为来自Google云端硬盘的弹出窗口和摘要信息

时间:2015-04-30 03:59:57

标签: google-drive-api

我想让Google云端硬盘SDK始终存在。目前它只在刷新页面时显示为弹出窗口,如果我要关闭它,它将消失。我想知道如何能够始终将其保留在当前状态,以及能够从用户文件中提取信息并将其列在表格中。

<script src="https://apis.google.com/js/platform.js">
</script>
<div class="g-savetodrive"
 data-src="http://example.com/pug-snores.mp3"
 data-filename="pug-snores.mp3"
 data-sitename="Pictures of pugs">
</div>


<script src="https://apis.google.com/js/api.js?onload=onApiLoad">
</script>
<script>
 function onApiLoad() {
  gapi.load('auth',{'callback': onAuthApiLoad});
  gapi.load('picker');
 }

 function onAuthApiLoad() {
  window.gapi.auth.authorize({
  'client_id': 'client_id',
  'scope': ['https://www.googleapis.com/auth/drive']
  },handleAuthResult);
 }

 var oauthToken;
 function handleAuthResult(authResult) {
  if (authResult && !authResult.error) {
   oauthToken = authResult.access_token;
   createPicker();
   }
 }

 function createPicker() {
  var picker = new google.picker.PickerBuilder()
  .addView(new google.picker.DocsUploadView())
  .addView(new google.picker.DocsView())
  .setOAuthToken(oauthToken)
  .setDeveloperKey('')
  .build();
  picker.setVisible(true);
 }
</script>

<!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" src="https://apis.google.com/js/api.js?           onload=onApiLoad"></script>
    <script>
        function onApiLoad() {
            gapi.load('auth', { 'callback': onAuthApiLoad });
            gapi.load('picker');
        }
        function onAuthApiLoad() {
            window.gapi.auth.authorize({
                'client_id': 'client_id',
                'scope': ['https://www.googleapis.com/auth/drive']
            }, handleAuthResult);
        }
        var oauthToken;
        function handleAuthResult(authResult) {
            if (authResult && !authResult.error) {
                oauthToken = authResult.access_token;
                createPicker();
            }
        }
        function createPicker() {
            var picker = new google.picker.PickerBuilder()
                .addView(new google.picker.DocsUploadView())
                .addView(new google.picker.DocsView())
                .setOAuthToken(oauthToken)
                //.setDeveloperKey('')
                .setCallback(pickerCallback)
                .build();
            picker.setVisible(true);
        }

        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>
   <script type="text/javascript" src="https://apis.google.com/js/api.jsonload=onApiLoad"></script>
   </body>
 </html>

如果您需要更多信息,请随时询问并回答我的问题。谢谢你的帮助。

0 个答案:

没有答案