时间戳

首页 > 解决方案 > 谷歌选择器选择文件回调

javascript - 谷歌选择器选择文件回调

问题描述

我已经集成并尝试使用 google picker api google picker api 但我可以将回调转换为文件吗？所以我可以将文件上传到我的服务器

function pickerCallback(data) { 
  if (data.action == google.picker.Action.PICKED) {
    var fileId = data.docs[0].id; alert('The user selected: ' + fileId); 
  } 
}

标签： javascriptgoogle-apigoogle-drive-apigoogle-oauthgoogle-picker

解决方案

获得 后fileId，您可以按照使用 Drive API 下载文件的文档中的说明下载文件

不幸的是，没有浏览器 Javascript 的示例，但您使用例如XML HttpRequests。

样本：

//provided you already have the following line from previous steps:
oauthToken = authResult.access_token;

var doc = data[google.picker.Response.DOCUMENTS][0];
var mimeType = doc[google.picker.Document.MIME_TYPE];

var xhr = new XMLHttpRequest();
xhr.open("GET", "https://www.googleapis.com/drive/v3/files/"+fileId+'?alt=media', true);
xhr.setRequestHeader('Authorization','Bearer '+oauthToken);
xhr.responseType = 'arraybuffer'
xhr.onload = function(){
    var base64 = 'data:' + mimeType + ';base64,' + base64ArrayBuffer(xhr.response);
//now you have the file content as binary data (ArrayBuffer) - proceed as desired
}
xhr.send();

笔记：

您可以根据您的情况修改xhr.responseType为 egblob或其他responseType 。

或者，您也可以对“https://www.googleapis.com/drive/v3/files”执行Fetch 请求以获取文件 blob。

推荐阅读