不依赖第三方库，说下如何使用js读取pdf？

在不依赖第三方库的情况下，使用原生JavaScript来读取PDF文件内容是一项相对复杂的任务，因为PDF是一种二进制文件格式，其解析需要处理很多底层细节。通常，我们会使用像pdf.js这样的库来简化这个过程。但如果你确实想要尝试不使用任何第三方库，以下是一个大致的步骤指南：

1. 获取PDF文件：

   • 使用<input type="file">元素让用户选择PDF文件。
   • 通过FileReader API 读取文件内容。

2. 解析PDF文件结构：

   • PDF文件由一系列的对象组成，这些对象可以是数字、字符串、数组、字典等。
   • 你需要手动解析这些对象，并理解它们如何相互关联。
   • PDF文件的开头通常包含一个文件头，指示PDF版本和某些基本属性。

3. 提取文本和图像：

   • PDF中的文本和图像存储在特定的对象类型中。
   • 你需要定位这些对象，并解析出文本内容和图像数据。
   • 文本可能涉及字体编码和字符映射的复杂处理。

4. 渲染内容：

   • 将解析出的文本和图像渲染到HTML页面上。
   • 这可能涉及创建DOM元素、设置样式和应用布局逻辑。

5. 处理复杂情况：

   • PDF文件可能包含加密、压缩、交互式元素等复杂特性。
   • 处理这些情况将大大增加实现的复杂性和工作量。

6. 测试和兼容性：

   • 由于PDF格式的多样性和复杂性，你的解析器可能在不同的文件上表现不一致。
   • 需要进行广泛的测试以确保兼容性和准确性。

请注意，这是一个高度简化的概述，并且实际实现将涉及深入了解PDF文件格式规范（ISO 32000-1）以及大量的编程工作。对于大多数前端开发场景来说，使用现有的库（如pdf.js）通常是更实际、更高效的选择。

如果你只是想在前端展示PDF文件而不涉及复杂的解析工作，可以考虑使用<embed>或<iframe>标签配合PDF文件的URL来直接展示，但这种方法不提供对PDF内容的精细控制。

总的来说，虽然不使用第三方库来读取PDF是一个有趣的挑战，但在实际应用中可能并不实用。