Angular:使用 Angular/javascript 保存可编辑的 PDF 数据?

发布于 2025-01-09 03:19:04 字数 777 浏览 0 评论 0原文

Html:

  <iframe [src] ="fileurl" #iframe>
     </iframe>
     <button (click)="saveDoc()">
     </button>

卡在 savedoc() 功能上。

Typescript:

    /*api call to get document blob data on load*/
     var fileurl = new blob([res.body],{type:application/pdf});
     fileurl = URL.createObjectUrl(fileurl);

    savedoc(){//here need logic to access edited pdf content as blob }

我能够在 pdf 可编辑字段(作为输入或复选框)中查看和写入,但我无法弄清楚一旦填写了所有详细信息,如何保存/访问已编辑的 PDF 内容(主要是 blob 格式)以发送回单击“保存”按钮时的服务器。我也尝试过 npm 的 ng2-pdf-viewer 库,但有同样的问题。我必须以 blob 格式将编辑后的 ​​pdf 发送到服务器以替换现有的。

如何访问已编辑的 pdf 内容?

编辑:替代方法,是否可以从代码触发 saveAs 事件以将 iFrame pdf 保存在本地驱动器中?我正在使用 Window.showSaveFilePicker();但保存的文件似乎已损坏或不存在。

Html:

  <iframe [src] ="fileurl" #iframe>
     </iframe>
     <button (click)="saveDoc()">
     </button>

Stuck at savedoc() functionality.

Typescript:

    /*api call to get document blob data on load*/
     var fileurl = new blob([res.body],{type:application/pdf});
     fileurl = URL.createObjectUrl(fileurl);

    savedoc(){//here need logic to access edited pdf content as blob }

I am able to view and write in pdf editable fields (as input or checkboxes) but I can't figure out once filled all details, how to save/access that edited PDF content (mostly in blob format) to send back to server when click on save button. I have also tried ng2-pdf-viewer library of npm but same issue. I have to send this edited pdf to server in blob format to replace with existing.

How can I access edited pdf content?

Edited: Alternative approach, if its possible to trigger saveAs event from code to save iFrame pdf in local drive? I am using Window.showSaveFilePicker();but saved file seem corrupted or not exist.

如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。

扫码二维码加入Web技术交流群

发布评论

需要 登录 才能够评论, 你可以免费 注册 一个本站的账号。

评论(1

一影成城 2025-01-16 03:19:04
查看 PDF-LIB

它是一个很棒的 JavaScript 库,提供了各种工具来操作 PDF 文档。甚至还有用于填写字段和保存新填写的 PDF 的工具。

在过去的项目中,我使用这个库从 HTML 表单中捕获用户信息,并将其插入并保存到 PDF 中。

注意:
请记住,一旦您在客户端获得了填充的 PDF,您必须将其发送回服务器端以更新存储在服务器上的 PDF。

Have a look at PDF-LIB.

It is a great JavaScript library which provides all sorts of tools to manipulate PDF documents. There is even tooling for filling the fields and saving the newly filled PDF.

In a past project, I used this library to capture user information from an HTML form and have it inserted and saved into a PDF.

Note:
Remember that once you have the filled PDF on client side, you must send it back to server side to update the PDF that is stored on the server.

~没有更多了~
我们使用 Cookies 和其他技术来定制您的体验包括您的登录状态等。通过阅读我们的 隐私政策 了解更多相关信息。 单击 接受 或继续使用网站,即表示您同意使用 Cookies 和您的相关数据。
原文