使用react-pdf下载PDF

Question

我正在使用react-pdf来渲染Pdf文件，它工作得很好。 下面是相同的代码：

    <Document
            inputRef={documentRef}
            file={pdfUrl}
            error={() => {}}
            onLoadSuccess={(params) => {
              console.log('paramsparams => ', params);
            }}
          >
            <Page
              renderTextLayer={true}
              renderAnnotationLayer={true}
              customTextRenderer={false}
              pageNumber={1}
              renderForms={true}
            />
          </Document>
<button onCLick={()=>// access updated pdf buffer }>Save</button>

这是与表单字段一起渲染文本层。由于 pdf 有表单字段，我希望我的用户填写它，并且我应该能够存储填充的 pdf 的副本。

当前用户可以填写详细信息，但如何访问更新的 pdf 缓冲区对象，该对象应包含带有填充表单的 pdf，以便我可以在服务器上创建和存储 pdf？

Answer 1

GPT4：要使用react-pdf保存更新后的带有填写表单字段的PDF，您需要使用能够编辑PDF的库来补充它，例如pdf-lib。这是一个简化的方法：

捕获表单输入：在应用程序逻辑中处理表单输入并将其存储在状态中。 修改PDF：用户完成表单后，使用pdf-lib打开原始PDF，使用新的表单数据对其进行修改，并将更新后的PDF保存在内存中。 保存或上传 PDF：将更新的 PDF 转换为适合存储或传输的格式（如 Blob），并允许用户下载或将其发送到您的服务器。 此方法涉及单独处理表单逻辑，然后在保存或上传更新版本之前将更改应用到 PDF。