如何从 google 驱动器文档中检索文本

Question

我在我的 NextJS 应用程序中使用 react-google-drive-picker 到 select 来自 GDrive 的文件。一旦我选择了一个文件并检索了元信息，建议的下载或检索文件内容的方法是什么？什么API建议使用authResponse来认证？

我正在使用：

useEffect(() => {
 // do anything with the selected/uploaded files
 if (data) {
    var file = data.docs[0]
    var xhr = new XMLHttpRequest();
    xhr.open('GET', file['url']);
    xhr.setRequestHeader('Authorization', 'Bearer ' + authResponse['access_token']);
    xhr.setRequestHeader('Content-Type', 'application/vnd.google-apps.document');
    xhr.onload = function () {
        var content = xhr.responseText
        console.log(content)
    };
    xhr.onerror = function () {
        console.log("ERROR LOADING THE FILE")
    };
    xhr.send(JSON.stringify({"alt" : "media"}));
 }
}, [data])

但是响应中没有文档的文本...

Answer 1

按照@Gonzalo-Matheu的建议，这里有一种在nextjs中选择带有react-google-drive-picker 的文件后获取文本的方法：

var file = data.docs[0]
var xhr = new XMLHttpRequest();
var url = 'https://www.googleapis.com/drive/v3/files/' + file['id'] + '/export?mimeType=text%2Fplain&key=' + process.env.NEXT_PUBLIC_GOOGLE_API_KEY
xhr.open('GET', URL);
xhr.setRequestHeader('Authorization', 'Bearer ' + authResponse['access_token']);
xhr.onload = function () {
 var value = xhr.responseText
 // do what you need with file content
 console.log(value)
};
xhr.onerror = function () {
  console.log("ERROR LOADING THE FILE")
};
xhr.send();

如何从 google 驱动器文档中检索文本

how to retrieve text from google drive documents

javascript

google-drive-api

reactjs

google-drive-picker