如何将 React-pdf 的 Uint8array 转换为在 React 中显示为 PDF

Question

我目前有一个 PDF 文件，该文件是从 Amazon s3 存储桶中获取的，在控制台中注销如下数据。

Uint8Array(83284) [37, 80, 68, 70, 45, 49, 46, 53, 10, 37, 191, 247, 162, 254, 10, 49, 48, 32, 48, 32, 111, 98, 106, 10, 60, 60, 32, 47, 76, 105, 110, 101, 97, 114, 105, 122, 101, 100, 32, 49, 32, 47, 76, 32, 56, 51, 50, 56, 52, 32, 47, 72, 32, 91, 32, 55, 55, 53, 32, 49, 53, 51, 32, 93, 32, 47, 79, 32, 49, 52, 32, 47, 69, 32, 53, 50, 54, 50, 53, 32, 47, 78, 32, 51, 32, 47, 84, 32, 56, 50, 57, 53, 55, 32, 62, 62, 10, 101, 110, 100, …]

我正在尝试使用 react-pdf 显示带有此 Uint8Array 数据的 PDF 文件，但 react-pdf 显示“无 PDF 文件”错误。

我需要做什么才能让它在 react-pdf 中工作？

Answer 1

这取决于这个 Uint8Array 在桶中的存储方式。

您可以尝试将其转换为带有 .pdf 扩展名的 blob

const blob = new Blob(s3Bucket, { type: 'application/pdf' });

如果这不起作用，恐怕您可能需要修改上传逻辑以将类型和处置设置为

Content-Type: "application/pdf"
Content-Disposition: inline;