【问题标题】:Why won't my Google Picker Window Appear in The Browser为什么我的 Google Picker 窗口不会出现在浏览器中
【发布时间】:2014-03-25 01:15:18
【问题描述】:

我正在为我正在进行的项目构建谷歌选择器。但是,下面的脚本是我为使用 Google Picker API 编写的,用于在页面中打开选择器以允许用户将项目放入驱动器中。我试图了解阻止窗口出现的代码函数中缺少什么。

我应该将它包含在一个按钮中以激活它吗?

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

【问题讨论】:

  • 这真的很旧,但只是看到你有 onload-onApiLoad 而不是 onload=onApiLoad

标签: javascript google-chrome google-drive-api google-picker


【解决方案1】:

您需要将 oauthToken 变量传递给 createPicker() 函数中的 setOAuthToken 函数调用。其他一切看起来都很好(假设您使用的是正确的凭据)。所以你的 createPicker() 函数应该是这样的:

function createPicker() {
    var picker = new google.picker.PickerBuilder()
        .addView( new google.picker.DocsUploadView() )
        .addView( new google.picker.DocsView() )
        .setOAuthToken( oauthToken )
        .setDeveloperKey( 'AIzaSyBTsUe7i_eezFJ3ndIT8axJCR6IpksyLs8' )
        .build();

    // Render the picker model
    picker.setVisible( true );
}

【讨论】:

    猜你喜欢
    • 1970-01-01
    • 1970-01-01
    • 2021-01-21
    • 2016-12-13
    • 1970-01-01
    • 2012-04-24
    • 2015-07-13
    • 1970-01-01
    • 1970-01-01
    相关资源
    最近更新 更多