Geek Answers Handbook

API developer key is not valid when viewing a file in google picker

I want to view all files in google picker because I follow this link:

https://developers.google.com/picker/docs/

but it returns an API developer key.

My code is as follows, but this key works in other projects:

<!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. // Replace with your own Browser API key, or your own key. var developerKey = 'AXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXM'; // The Client ID obtained from the Google Developers Console. Replace with your own Client ID. var clientId = "XXXXXXXXXXXX-XXXXXXXXXXXXXXXXXXXXXXXXX.apps.googleusercontent.com" // Replace with your own App ID. (Its the first number in your Client ID) var appId = "XXXXXXXXXXXX"; // Scope to use to access user Drive items. var scope = ['https://www.googleapis.com/auth/drive']; var pickerApiLoaded = false; var oauthToken; // Use the Google API Loader script to load the google.picker script. function loadPicker() { 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 searching images. function createPicker() { if (pickerApiLoaded && oauthToken) { var view = new google.picker.View(google.picker.ViewId.DOCS); view.setMimeTypes("image/png,image/jpeg,image/jpg"); var picker = new google.picker.PickerBuilder() .enableFeature(google.picker.Feature.NAV_HIDDEN) .enableFeature(google.picker.Feature.MULTISELECT_ENABLED) .setAppId(appId) .setOAuthToken(oauthToken) .addView(view) .addView(new google.picker.DocsUploadView()) .setDeveloperKey(developerKey) .setCallback(pickerCallback) .build(); picker.setVisible(true); } } // A simple callback implementation. function pickerCallback(data) { if (data.action == google.picker.Action.PICKED) { var fileId = data.docs[0].id; alert('The user selected: ' + fileId); } } </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=loadPicker"></script> </body> </html>
+6
source share
1 answer

You do not seem to have enabled the “Google Picker API” in the Google console.

+3
source

More articles:


All Articles