2017-01-29 1 views
0

Я знаю, как показать все файлы, которые являются в Google диске, но, как показывает папки также от Google диска с приводом APIs в JavaScriptКак показать папки с Диском с приводным APIs в JavaScript

function listFiles() { 
     gapi.client.drive.files.list({ 
      'pageSize': 10, 
      'fields': "nextPageToken, files(id, name)" 
     }).then(function(response) { 
      appendPre('Files:'); 
      var files = response.result.files; 
      if (files && files.length > 0) { 
      for (var i = 0; i < files.length; i++) { 
       var file = files[i]; 
       /*appendPre("<a href='"+file.id+"'>"+file.name + '</a> (' + file.id + ')');*/ 
       document.write("<a href='https://drive.google.com/open?id="+file.id+"'>"+file.name + '</a> <br>'); 
      } 
      } else { 
      appendPre('No files found.'); 
      } 
     }); 
     } 

этой функция показывает все файлы, которые уже находятся на диске, и он также работает нормально, но, пожалуйста, сообщите мне также о папках?

проверить весь мой код также

<!DOCTYPE html> 
<html> 
    <head> 
    <title>Drive API Quickstart</title> 
    <meta charset='utf-8' /> 
    </head> 
    <body> 
    <p>Drive API Quickstart</p> 
<iframe src="https://drive.google.com/drive/my-drive"></iframe> 
    <!--Add buttons to initiate auth sequence and sign out--> 
    <button id="authorize-button" style="display: none;">Authorize</button> 
    <button id="signout-button" style="display: none;">Sign Out</button> 

    <pre id="content"></pre> 

    <script type="text/javascript"> 
     // Client ID and API key from the Developer Console 
     var CLIENT_ID = '*********'; 

     // Array of API discovery doc URLs for APIs used by the quickstart 
     var DISCOVERY_DOCS = ["https://www.googleapis.com/discovery/v1/apis/drive/v3/rest"]; 

     // Authorization scopes required by the API; multiple scopes can be 
     // included, separated by spaces. 
     var SCOPES = 'https://www.googleapis.com/auth/drive.metadata.readonly'; 

     var authorizeButton = document.getElementById('authorize-button'); 
     var signoutButton = document.getElementById('signout-button'); 

     /** 
     * On load, called to load the auth2 library and API client library. 
     */ 
     function handleClientLoad() { 
     gapi.load('client:auth2', initClient); 
     } 

     /** 
     * Initializes the API client library and sets up sign-in state 
     * listeners. 
     */ 
     function initClient() { 
     gapi.client.init({ 
      discoveryDocs: DISCOVERY_DOCS, 
      clientId: CLIENT_ID, 
      scope: SCOPES 
     }).then(function() { 
      // Listen for sign-in state changes. 
      gapi.auth2.getAuthInstance().isSignedIn.listen(updateSigninStatus); 

      // Handle the initial sign-in state. 
      updateSigninStatus(gapi.auth2.getAuthInstance().isSignedIn.get()); 
      authorizeButton.onclick = handleAuthClick; 
      signoutButton.onclick = handleSignoutClick; 
     }); 
     } 

     /** 
     * Called when the signed in status changes, to update the UI 
     * appropriately. After a sign-in, the API is called. 
     */ 
     function updateSigninStatus(isSignedIn) { 
     if (isSignedIn) { 
      authorizeButton.style.display = 'none'; 
      signoutButton.style.display = 'block'; 
      listFiles(); 
     } else { 
      authorizeButton.style.display = 'block'; 
      signoutButton.style.display = 'none'; 
     } 
     } 

     /** 
     * Sign in the user upon button click. 
     */ 
     function handleAuthClick(event) { 
     gapi.auth2.getAuthInstance().signIn(); 
     } 

     /** 
     * Sign out the user upon button click. 
     */ 
     function handleSignoutClick(event) { 
     gapi.auth2.getAuthInstance().signOut(); 
     } 

     /** 
     * Append a pre element to the body containing the given message 
     * as its text node. Used to display the results of the API call. 
     * 
     * @param {string} message Text to be placed in pre element. 
     */ 
     function appendPre(message) { 
     var pre = document.getElementById('content'); 
     var textContent = document.createTextNode(message + '\n'); 
     pre.appendChild(textContent); 
     } 

     /** 
     * Print files. 
     */ 
     function listFiles() { 
     gapi.client.drive.files.list({ 
      'pageSize': 10, 
      'fields': "nextPageToken, files(id, name)" 
     }).then(function(response) { 
      appendPre('Files:'); 
      var files = response.result.files; 
      if (files && files.length > 0) { 
      for (var i = 0; i < files.length; i++) { 
       var file = files[i]; 
       /*appendPre("<a href='"+file.id+"'>"+file.name + '</a> (' + file.id + ')');*/ 
       document.write("<a href='https://drive.google.com/open?id="+file.id+"'>"+file.name + '</a> <br>'); 
      } 
      } else { 
      appendPre('No files found.'); 
      } 
     }); 
     } 

addView(new google.picker.DocsView().setIncludeFolders(true).setOwnedByMe(true)); 
    </script> 

    <script async defer src="https://apis.google.com/js/api.js" 
     onload="this.onload=function(){};handleClientLoad()" 
     onreadystatechange="if (this.readyState === 'complete') this.onload()"> 
    </script> 
    </body> 
</html> 

ответ

0

В GDrive, папки являются файлы, так что ваш код будет список всех файлов, независимо от того, являются ли они изображения, электронные таблицы, презентации или даже папки.

Если вы посмотрите на свой код, у вас есть pagesize=10, поэтому ваш код будет отображать только первые 10 файлов. Чтобы получить «весь файл», вам нужно итератировать по номеру !!nextPageToken.

+0

ОХК спасибо за помощь, но после этого они также отображаются папки? как и файлы? –

+0

Да. файлы и папки выглядят почти идентичными. Единственный способ узнать, что есть, глядя на mimeType. Папки имеют mimeType для «application/vnd.google-apps.folder» – pinoyyid

+0

thanx для ответа, но, пожалуйста, можете ввести код здесь, поэтому я легко понимаю это? –

1

Чтобы перечислить только папки, вы можете использовать параметр q (запрос) и mimeType для папок application/vnd.google-apps.folder. Вот пример, основанный на собственной listFiles() функции, перечислены папки, которые не были удалены:

function listFolders() { 
     gapi.client.drive.files.list({ 
      'pageSize': 1000, 
      'q': "mimeType = 'application/vnd.google-apps.folder' and trashed = false", 
      'fields': "nextPageToken, files(id, name)" 
     }).then(function(response) { 
      appendPre('Folders:'); 
      var files = response.result.files; 
      if (files && files.length > 0) { 
      for (var i = 0; i < files.length; i++) { 
       var file = files[i]; 
       document.write("<a href='https://drive.google.com/open?id="+file.id+"'>"+file.name + '</a> <br>'); 
      } 
      } else { 
      appendPre('No folders found.'); 
      } 
     }); 
     } 
+0

Thanx fo this, но когда также поместите этот код, они не могут показать файлы на нем, только показывая его папки –

Смежные вопросы