JSFiddle - React, Tailwind, and code Playground

by Nick Hulea

JavaScript

var fileId = '1-uOAhx23qal5rjTPgq-Cv5aacyVS-OxMO8sDGJKRiP8';
var accessToken = "ya29.a0AfH6SMCqU8VW_1TFqHdfdA-flgpHP8z8VtN8e8dc7HnhaDIJW78zbrMrQ_6SPk1QqFHn9TfqfMWEfg0IC1VOpL-ZQbx_eBMhdK2NZGfqBfTiODuBeqbUaJ1b2AykMQtRG0jmiGQvoexqbARmzxAUFtD8lYXXHAxLWVU";// or this: gapi.auth.getToken().access_token;
var xhr = new XMLHttpRequest();
xhr.open("GET", "https://www.googleapis.com/drive/v3/files/"+fileId+'?alt=media', true);
xhr.setRequestHeader('Authorization','Bearer '+accessToken);
xhr.responseType = 'arraybuffer'
xhr.onload = function(){
    //base64ArrayBuffer from https://gist.github.com/jonleighton/958841
    var base64 = 'data:image/png;base64,' + base64ArrayBuffer(xhr.response);

    //do something with the base64 image here

}
xhr.send();