Google Drive Web API 保存并下载 pdf

Question

我试图从 google 驱动器获取 pdf 并在浏览器中下载它（我实际上需要它作为数组缓冲区或 blob 来与 pspdfkit 一起使用，但这剂量相同，并且描述起来更简单）。到目前为止，我尝试了很多方法，但无法从 api 得到的响应中获取 pdf 文件。我想指出这是 Angular 10 应用程序的一部分，但我认为它不相关。另外我需要指定我正在使用打字稿，但我也做了一个 js 版本来测试，同样似乎产生相同的结果。该doc对象来自谷歌驱动器选择器google.picker.PickerBuilder这是我用来获取文件内容的代码gapi.client.drive.files .get({  fileId: doc.id,  alt: 'media',  // mimeType: 'application/pdf', // <- with or without  // responseType: 'arraybuffer', // <- with or without }) .then((res) => {  // manipulate res.body  window.resb=res.body;  // HERE <- I continue to call saveFile and debug the response });这是我用来测试是否可以将响应用作 pdf 文件的函数：function saveFile(blob, filename) {  if (window.navigator.msSaveOrOpenBlob) {    window.navigator.msSaveOrOpenBlob(blob, filename);  } else {    const a = document.createElement('a');    document.body.appendChild(a);    const url = window.URL.createObjectURL(blob);    a.href = url;    a.download = filename;    a.click();    setTimeout(() => {      window.URL.revokeObjectURL(url);      document.body.removeChild(a);    }, 0)  }}这是我尝试将字符串解析为数组缓冲区的另一个函数function str2ab(str) {  var buf = new ArrayBuffer(str.length*2); // 2 bytes for each char  var bufView = new Uint16Array(buf);  for (var i=0, strLen=str.length; i < strLen; i++) {    bufView[i] = str.charCodeAt(i);  }  return buf;}这就是我实际调用该download函数的方式saveFile(new Blob([resb],{type: 'application/pdf',}),'a.pdf'); // <- only one that actually produces an openable pdf file, but empty或者saveFile(new Blob([str2ab(resb)],{type: 'application/pdf',}),'a.pdf');或者saveFile(new Blob(str2ab(resb),{type: 'application/pdf',}),'a.pdf');...以及其他一些方法。我没有什么想法，而且我现在处于a (618).pdf。请帮忙 ：）

Answer 1

我相信你的目标如下。

• 您想要使用 Javascript 从 Google Drive 下载 PDF 文件。

• 您gapi.client可用于下载该文件。

在这种情况下，我想建议修改用于从二进制数据转换为 blob 的脚本。

修改后的脚本：

一个简单修改的脚本如下。运行此脚本时，会下载 PDF 文件并将其作为文件保存到本地 PC。

gapi.client.drive.files

 .get({

  fileId: doc.id,

  alt: 'media',

 })

 .then((res) => {

   const filename = "sample.pdf";

   

   // Convert binary data to blob.

   const data = res.body;

   const len = data.length;

   const ar = new Uint8Array(len);

   for (let i = 0; i < len; i++) {

     ar[i] = data.charCodeAt(i);

   }

   const blob = new Blob([ar], {type: 'application/pdf'});

   

   // Save the file.

   const a = document.createElement('a');

   document.body.appendChild(a);

   const url = window.URL.createObjectURL(blob);

   a.href = url;

   a.download = filename;

   a.click();

 });