如何使用 vanila javascript 简单地将可下载的 PDF 文件添加到我的页面？

问题描述

我想在我的作品集网站上创建一个这样的按钮，这样如果有人点击这个按钮，他/她就可以通过 pdf 查看器看到我的简历，也可以下载这个 pdf 简历。我怎样才能通过 vanilla javascript 做到这一点？

解决方法

您可以将 PDF 内容转换为 base64 字符串。

然后你可以做这样的事情。

  const content = 'data:application/pdf;base64,<base64 PDF content string>';
  const linkSource = content;
  const downloadLink = document.createElement('a');
  const fileName = 'name.pdf';
  downloadLink.href = linkSource;
  downloadLink.download = fileName;
  downloadLink.click();