Google File Picker API to Select Google Drive Files Example in Javascript

แชร์
ฝัง
  • เผยแพร่เมื่อ 2 ต.ค. 2024
  • Buy the full source code of application here:
    procodestore.c...
    Welcome Folks My name is Gautam and Welcome to Coding Shiksha a Place for All Programmers. You can learn Web Development and Programming Tutorials.
    Subscribe for more Videos: / @codingshiksha
    Watch next -
    [Popular Videos on the Channel]
    [Login with Google Account using Javascript]
    • Login With Google Acco...
    [What is AJAX and How it Works | Short Tutorial for Beginners]
    • What is AJAX and How i...
    [Javascript Fetch Api Example]
    • Javascript Fetch Api E...
    [jsPDF Tutorial | PDF Library in Javascript]
    • jspdf tutorial
    [TH-cam Data API V3 App in 1 Hour]
    • TH-cam Data v3 API Ap...
    [AngularJS CRUD Application]
    • AngularJS CRUD Applica...
    [Uploading Files using Google Drive Api]
    • Google Drive API V3 - ...
    Recommended Playlist -
    [Build a CRUD Applicaiton in VUE and Firebase]
    • Build a CRUD Applicati...
    [MongoDB Tutorial for Absolute Beginners]
    • Video
    [Building a Playlist Search App using TH-cam Data Api v3]
    • Video
    [Secure Login System in PHP & MYSQL]
    • How to make a login/re...
    [Real Time Chatting App in Socket.io and Express]
    • socket.io chat app usi...
    Let’s connect:
    Facebook Page -

ความคิดเห็น • 37

  • @filmo
    @filmo 4 ปีที่แล้ว +2

    Skips over all sorts of info required to set up a google API project. For example, the first time you go to Google Credentials, you'll need to Create a Project. This and many of the other steps necessary to get set up for oAuth appear to be missing from this video, most likely because he has already previously set them up.

  • @divyanirajani8328
    @divyanirajani8328 3 ปีที่แล้ว +3

    Hi,
    while I run the exact same code the google account window pops up says One moment and then it closes. I saw the thing you corrected but I have passed oauthtoken, still it's same and there are no errors on developer console. Can you please help?

    • @CodingShiksha
      @CodingShiksha  3 ปีที่แล้ว +1

      Divya please invite me on my hangouts id geekygautam1997@gmail.com I am online for chat

  • @RoyBrophy
    @RoyBrophy 3 ปีที่แล้ว +2

    Nice tutorial - thank you. However, I get an...
    "Authorization Error
    Error 400: redirect_uri_mismatch
    You can't sign in to this app because it doesn't comply with Google's OAuth 2.0 policy.
    If you're the app developer, register the JavaScript origin in the Google Cloud Console."
    It then goes on to give me the origin "origin: ..........."
    How do I register that?
    I'm really struggling with understanding oAuth - I guess I need to do some more reading...:-(
    The app I'm working on is not for worldwide use just for myself and a few friends...
    Any ideas? Thanks, Roy

    • @CodingShiksha
      @CodingShiksha  2 ปีที่แล้ว

      Hi thanks for your comment please join the official facebook group of coding shiksha to ask doubts
      facebook.com/groups/544305447024848/

  • @tastaslim
    @tastaslim 4 ปีที่แล้ว +2

    please make a video for onedrive as well.

  • @RekhaR-s4k
    @RekhaR-s4k ปีที่แล้ว +1

    I have set the cross origin isolated yes when loading button but when clicked the drive pop is not opening access opener no and cross origin isolated turn no. How to fix that??

    • @CodingShiksha
      @CodingShiksha  ปีที่แล้ว

      Message me on my whatsapp 9821254649 to discuss

  • @raghunathyadav3005
    @raghunathyadav3005 4 ปีที่แล้ว +2

    hello Sir , I want use google drive. as your video I have created google picker. but Its only showing only images, I want to see all file and folder . Please Help me..

    • @BruceWayne-fu6ip
      @BruceWayne-fu6ip 4 ปีที่แล้ว +2

      Delete This Line:
      view.setMimeTypes("image/png,image/jpeg,image/jpg");

    • @BruceWayne-fu6ip
      @BruceWayne-fu6ip 4 ปีที่แล้ว +2

      if you want to show folders replace it with this:
      view.setMimeTypes("application/vnd.google-apps.folder");
      and if you want to view files
      view.setMimeTypes("application/vnd.google-apps.file");

  • @KrishnaDhakate
    @KrishnaDhakate 4 ปีที่แล้ว +1

    When I click on google account from file picker dialog box it gets disappeared. What can be the reason?

    • @KAJ3A
      @KAJ3A 4 ปีที่แล้ว +1

      Did you find out what was the reason? I have the same problem.

    • @vitvohralik5557
      @vitvohralik5557 3 ปีที่แล้ว

      I found solution. It is because of blocking cookies. On the right side of the URL bar click on the eye and click Enable third party cookies and now it will work

    • @vitvohralik5557
      @vitvohralik5557 3 ปีที่แล้ว +1

      @@KAJ3A I found solution. It is because of blocking cookies. On the right side of the URL bar click on the eye and click Enable third party cookies and now it will work

  • @blasterdark3660
    @blasterdark3660 3 ปีที่แล้ว +1

    Hi I’m getting this error -
    Error 400: invalid_request
    Permission denied to generate login hint for target domain.

    • @CodingShiksha
      @CodingShiksha  2 ปีที่แล้ว

      Hi thanks for your comment please join the official facebook group of coding shiksha to ask doubts
      facebook.com/groups/544305447024848/

  • @laloo786
    @laloo786 3 ปีที่แล้ว +2

    Im working on a project where i have implemented all this as you have suggested, but now my task is to store a file whatever user chooses to my server. How to do that?
    Bcoz above coding only gives a url only not file itself. So how to get the file in php or how to download that file to our server. plz reply asap

    • @pranaymakwana1020
      @pranaymakwana1020 3 ปีที่แล้ว

      I have a same issue. You got a solution?

    • @ThanosHacker
      @ThanosHacker 2 ปีที่แล้ว

      This guy just supports the girl and responds, not appreciating the boys. you can check all comments and reply

  • @mokapen
    @mokapen 3 ปีที่แล้ว +1

    Hello, which permission scope to be set for google picker?

  • @mohanprasanth4806
    @mohanprasanth4806 4 ปีที่แล้ว +2

    Do we need web server to run the Google Picker API ?

    • @BruceWayne-fu6ip
      @BruceWayne-fu6ip 4 ปีที่แล้ว +1

      you can run it on your computer through localhost

  • @risersplanet4084
    @risersplanet4084 2 ปีที่แล้ว +1

    Hi bro, can you implement this javascript into react js without using react-google-drive-picker

    • @CodingShiksha
      @CodingShiksha  2 ปีที่แล้ว

      Hi thanks for your comment please join the official facebook group of coding shiksha to ask doubts
      facebook.com/groups/544305447024848/

    • @devangpatel5388
      @devangpatel5388 ปีที่แล้ว

      Hi any updates about this is this code uploaded somewhere

  • @rishabhagarwal1495
    @rishabhagarwal1495 3 ปีที่แล้ว +1

    Hey I have a question ... Once authenticated if I refresh my browser it again ask me to select account. How can I retain the login state ?

    • @nilox94
      @nilox94 3 ปีที่แล้ว

      Store it in the sessionStorage.

  • @KiranKumar-zb2fb
    @KiranKumar-zb2fb ปีที่แล้ว

    please make the video which won't prolong too much

  • @marianogo
    @marianogo 3 ปีที่แล้ว

    i am getting :
    Authorization Error
    Error 400: invalid_request
    Permission denied to generate login hint for target domain.
    what could it be?

  • @sachinrajput9898
    @sachinrajput9898 ปีที่แล้ว

    In the Upload View, when we click on "NoFolder" which shows the list of folders, do we have a way to sort the folder by their name in upload view.

  • @reynaldotanjr.7870
    @reynaldotanjr.7870 3 ปีที่แล้ว

    @Coding Shiksha hello sir, I have an error. gapi is not defined.

  • @azzzole7379
    @azzzole7379 ปีที่แล้ว

    I am able to perform login but after login everything disappeared and file picker is not opening also i am getting ippi frame initialisation failed please help

    • @beermanstan
      @beermanstan 11 หลายเดือนก่อน

      I'm having the exact same problem, did you ever find a solution?

  • @priyankamodanwal1175
    @priyankamodanwal1175 4 ปีที่แล้ว +1

    Can we add this code to angular?

    • @CodingShiksha
      @CodingShiksha  4 ปีที่แล้ว +1

      Invite me on my hangout id geekygautam1997@gmail.com I am online

  • @danielilievski7144
    @danielilievski7144 4 ปีที่แล้ว +1

    Come on man delete that porn site bookmark :D