PDF 文件在网页上的预览

直接使用 html 的 iframe 标签，代码如下：

<div style="width: 300px; height: 300px">
  <iframe
    src="xxx.pdf"
    frameborder="0"
    width="100%"
    height="100%"
  />
</div>

效果

iframe 标签定义及使用说明

标签规定一个内联框架。

一个内联框架被用来在当前 HTML 文档中嵌入另一个文档。

iframe 标签文档