Angular:使用 Angular/javascript 保存可编辑的 PDF 数据?
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 技术交流群。
绑定邮箱获取回复消息
由于您还没有绑定你的真实邮箱,如果其他用户或者作者回复了您的评论,将不能在第一时间通知您!
发布评论
评论(1)
查看 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.