怎样pdf.js动态展示pdf

要使用PDF.js在手机端HTML5页面上动态展示PDF文件，你可以按照以下步骤操作：

1. 引入必要的库[^1]:

   <script src="path/to/pdf.js"></script>
   <script src="path/to/pdfh5.min.js"></script>

其中，`pdf.js` 是PDF.js的核心库，而 `pdfh5.min.js` 是PDF.js的一个轻量级版本，适用于移动端。

2. 创建Pdfh5实例并设置PDF URL:

   var pdfContainer = '.pdfjs'; // 定义容器元素的选择器
   var pdfUrl = 'your_pdf_file_url'; // 替换成你的PDF文件的实际URL

   var pdfh5 = new Pdfh5(pdfContainer, {
     pdfurl: pdfUrl,
   });

3. 加载PDF文件:

   pdfh5.load(); // 调用加载方法开始预览PDF

4. 如果PDF是从服务器动态获取（如通过查询参数），可以结合URL参数来创建实例:

   var pdfUrl = 'http://www.gjtool.cn/pdfh5/pdf.html?file=' + window.location.search.split('file=')[1]; // 获取URL中的PDF文件路径

5. PDF预览完成后，用户可以在指定的容器(`.pdfjs`)中查看PDF文档。