让谷歌云端硬盘文件选择器不显示为弹出窗口和从谷歌云端硬盘中提取信息

我想让谷歌云端硬盘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>

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

除了

弹出窗口之外，不可能以任何其他形式使用谷歌选择器。模拟它的唯一方法是使用驱动器 api 构建与文件选取器类似的 UI。可行，但工作量很大。

相关内容

最新更新

热门标签：