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

Question

我想在我的投资组合网站上创建这样一个按钮，这样如果有人点击这个按钮，他/她可以通过 pdf 查看器查看我的简历并下载此 pdf 简历。我怎样才能通过香草 javascript 做到这一点？

标签： javascriptpdfwebportfolioresume

Answer 1

您可以将 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();