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&nbsp;.get({&nbsp; fileId: doc.id,&nbsp; alt: 'media',&nbsp;})&nbsp;.then((res) => {&nbsp; &nbsp;const filename = "sample.pdf";&nbsp; &nbsp;&nbsp; &nbsp;// Convert binary data to blob.&nbsp; &nbsp;const data = res.body;&nbsp; &nbsp;const len = data.length;&nbsp; &nbsp;const ar = new Uint8Array(len);&nbsp; &nbsp;for (let i = 0; i < len; i++) {&nbsp; &nbsp; &nbsp;ar[i] = data.charCodeAt(i);&nbsp; &nbsp;}&nbsp; &nbsp;const blob = new Blob([ar], {type: 'application/pdf'});&nbsp; &nbsp;&nbsp; &nbsp;// Save the file.&nbsp; &nbsp;const a = document.createElement('a');&nbsp; &nbsp;document.body.appendChild(a);&nbsp; &nbsp;const url = window.URL.createObjectURL(blob);&nbsp; &nbsp;a.href = url;&nbsp; &nbsp;a.download = filename;&nbsp; &nbsp;a.click();&nbsp;});