javascript - 使用 PDF.js 查看器显示 protected 资源提供的 pdf

Question

我正在研究如何使用 pdfjs 查看器来提供 protected 资源背后的 PDF。

根据我的理解，如果资源允许匿名访问，这将起作用:https://app.com/pdf.js/web/viewer.html?file=https://app.com/pdf/{id}

资源 https://app.com/pdf/{id} 返回内容类型为 application/pdf 的响应。

但是，该资源需要 OAuth2 token 出现在授权 header 中。那么是否可以修改查看器创建的 header ，以包含授权 header 并传递用户 token ？

Answer 1

PDF.js 可以读取 Base64 格式的文件 ( example )。因此，您可以使用 Ajax/HTTP 客户端下载带有授权 header 的二进制数据，转换为 Base64 字符串，然后嵌入到 PDF 中

编辑:您可以将 HTTP header 设置为 PDF getDocument功能。所以您可以将访问 token 存储在 Web 存储中，然后在 pdf 查看器的页面中获取它

var loadingTask = pdfjsLib.getDocument({
  url,
  withCredentials,
  httpHeaders: {
    authentication: "abcxyz",
  }
});