Get the file list of your Google Drive

by kougiland

HTML

<input type="button" id="btn" value="Get the file list of your Google Drive">
<ul id="list"></ul>

JavaScript

function onClick() {
    var accessToken = prompt("Give me your access token of your Google Drive");
    if (!accessToken) {
        return;
    }

    var xhr = new XMLHttpRequest();
    xhr.open("GET", "https://www.googleapis.com/drive/v2/files", true);
    xhr.setRequestHeader("Authorization", "Bearer " + accessToken);
    xhr.onload = function (evt) {
        var response = JSON.parse(xhr.responseText);
        var ul = document.getElementById("list");
        for (var i = 0; i < response.items.length; i++) {
            var item = response.items[i];
            var li = document.createElement("li");
            li.innerHTML = "<a href='" + item.alternateLink + "' target='_blank'>" +
                           "<img src='" + item.iconLink + "'>" + 
                           item.title + "</a>";
            ul.appendChild(li);
        }

    };
    xhr.send();
}
window.onload = function () {
    var btn = document.getElementById("btn");
    btn.addEventListener("click", onClick);
};