负载、编辑和导出PDF表单字段兼容的PDF文件,HTML5的JavaScript

我们是=零;

窗口。onload =异步()= > {/ /设置LEADTOOLS评估许可证常量licenseUrl =”。/ Leadtools / LEADTOOLS.lic.txt”;常量developerKey =“添加LEADTOOLS.lic.key的内容。txt文件”;lt.RasterSupport。setLicenseUri (licenseUrl developerKey,零);/ /为主题是创建对象的选项常量createOptions =新lt.Document.Viewer.DocumentViewerCreateOptions ();createOptions.viewCreateOptions。useElements =真正的;/ /设置viewContainer #是createOptions。viewContainer = . getelementbyid (“是”);/ /创建文档查看器是= lt.Document.Viewer.DocumentViewerFactory.createDocumentViewer (createOptions);/ /设置交互模式平移/缩放/ / documentViewer.commands.run (lt.Document.Viewer.DocumentViewerCommands.interactivePanZoom);/ /我们喜欢在图像查看SVG查看这个例子documentViewer.view。preferredItemType = lt.Document.Viewer.DocumentViewerItemType.svg;/ /使用图片:lt.Document.Viewer.DocumentViewerItemType.image;/ / documentViewer.view.imageViewer。autoCreateCanvas = true;documentViewer.annotations.automationManager。renderingEngine =新lt.Annotations.Rendering.AnnHtml5RenderingEngine ();/ /初始化是注释documentViewer.annotations.initialize ();/ /调用服务之前,我们需要解释的地方(“localhost: 40000 / api”,例如:lt.Document.DocumentFactory。serviceHost =“http://localhost: 40000”;/ /或者您的主机lt.Document.DocumentFactory。servicePath =”“;/ /服务的根的路径,这对于这个示例lt.Document.DocumentFactory。serviceApiPath =“api”;/ /路由发生在“/ api”,除非你改变DocumentService路由/ /初始化两个按钮的onclick事件. getelementbyid (“机”)。onclick = selectAndLoadFile;. getelementbyid (“getData”)。onclick = getData;. getelementbyid (“出口”)。onclick = exportPDF;/ /加载一个PDF文档常量url =“https://demo.leadtools.com/images/pdf/leadtools.pdf”;常量loadDocumentOptions =新lt.Document.LoadDocumentOptions ();loadDocumentOptions。loadFormFieldsMode = 1;/ /调用“LoadFromUri”和通过成功和失败回调的承诺试一试{=等待lt.Document.DocumentFactory让文档。loadDocumentOptions loadFromUri (url)documentViewer.setDocument(文档);如果(document.formFields.hasFormFields) {console.log (“这个文档的PDF表单字段。点击“显示字段的数据在控制台”看到更多信息”)}其他的{console.log (“这个文档没有PDF表单字段”)}}抓(错误){console.error(错误);/ /从LEADTOOLS获得更多信息让serviceError = lt.Document.ServiceError。parseError (jqXHR statusText errorThrown);lt.LTHelper.log (serviceError);/ /显示一个警告的问题是什么让线= [];lines.push (文档查看器错误:“);lines.push (serviceError.message);lines.push (serviceError.detail);lines.push (有关详细信息,请参阅控制台”。)警报(lines.join (“\ n”));}}

函数selectAndLoadFile () {/ /创建一个输入元素导入文档按钮来上传文件/ /文档编辑器常量输入= document.createElement (“输入”);输入。类型=“文件”;input.style。显示=“没有”;输入。接受=”。医生,docx . pdf, . rtf, . txt。;输入。onchange =异步函数(e) {让文件= input.files;如果(!文件| | ! files.length)返回;让文件[0]=文件;/ /设置光标懒懒的动画document.body.style。光标=“等待”;/ /创建文档加载选项常量loadDocumentOptions =新lt.Document.LoadDocumentOptions ();loadDocumentOptions。loadFormFieldsMode = 1;试一试{/ /从文件加载文档使用的选项让医生=等待lt.Document.DocumentFactory。loadDocumentOptions loadFromFile(文件)/ /设置新文档在文档查看器documentViewer.setDocument (doc);/ /检查文件表单字段如果(doc.formFields.hasFormFields) {console.log (“这个文档的PDF表单字段。点击“显示字段的数据在控制台”看到更多信息”)}其他的{console.log (“这个文档没有PDF表单字段”)}}抓(错误){console.error(错误);}/ /光标返回到默认值document.body.style。光标=“默认”;};input.click ();}异步函数exportPDF () {试一试{/ /获取文档的文档查看器让医生=等待documentViewer.document;/ /准备文档保存documentViewer.prepareToSave ();/ /保存文件缓存lt.Document.DocumentFactory.saveToCache (doc)/ /一旦文档保存到缓存中,创建打印选项常量选择=新lt.Document.Viewer.PrintDocumentOptions ();/ /打印选项被设置选项。showAnnotations =真正的;选项。usePdfPrinting =真正的;/ /获取iframe HTMLElement“房子”打印的pdf选项。父母= . getelementbyid (“父”);/ /保存/打印并打开浏览器打印机打印documentViewer.print(选项);}抓(错误){console.error(错误);}}

函数getData () {让医生= documentViewer.document;documentViewer.prepareToSave ();如果(doc.formFields.hasFormFields) {让容器= doc.formFields.getFormFields ();为(让我= 0;我< containers.length;我+ +){为(让j = 0;j <容器[我].children.count;j + +) {console.log (`-------------------------- Page ${i + 1} - Field ${j + 1} ---------------------------------`)console.log (`ID: ${containers[i].children.item(j).id}`);console.log (`Name: ${containers[i].children.item(j).name}`);console.log (`Bounds: ${containers[i].children.item(j).bounds}`);console.log (`Background color: ${containers[i].children.item(j).backgroundColor}`);console.log (`Printable: ${containers[i].children.item(j).printable}`);console.log (`Viewable: ${containers[i].children.item(j).viewable}`);console.log (`Locked: ${containers[i].children.item(j).locked}`);console.log (`Required: ${containers[i].children.item(j).required}`);console.log (`Read Only: ${containers[i].children.item(j).readOnly}`);console.log (`Border Style: ${containers[i].children.item(j).borderStyle.style}`);console.log (`Border Color: ${containers[i].children.item(j).borderStyle.color}`);console.log (`Border Width: ${containers[i].children.item(j).borderStyle.width}`);console.log (`Font Name: ${containers[i].children.item(j).textStyle.fontName}`);console.log (`Font Size: ${containers[i].children.item(j).textStyle.fontSize}`);console.log (`Font Color: ${containers[i].children.item(j).textStyle.color}`);console.log (`Font Alignment: ${containers[i].children.item(j).textStyle.textAlignment}`);console.log (`Type: ${containers[i].children.item(j).type}`);如果(容器[我].children.item (j)。类型= =“DocumentTextFormField”){console.log (`Value: ${containers[i].children.item(j).value}`)console.log (`Content Type: ${containers[i].children.item(j).contentType}`);console.log (`Max Length: ${containers[i].children.item(j).maxLength}`)console.log (`Multi-Line: ${containers[i].children.item(j).multiline}`)console.log (`Password: ${containers[i].children.item(j).isPassword}`)console.log (`Comb: ${containers[i].children.item(j).isComb}`)}如果(容器[我].children.item (j)。类型= =“DocumentChoiceFormField”){console.log (`Options Display Value: ${containers[i].children.item(j).optionsDisplayValue}`)console.log (`Options Exported Value: ${containers[i].children.item(j).optionsExportedValue}`);console.log (`Selected Indices: ${containers[i].children.item(j).selectedIndices}`)console.log (`Multi-Select: ${containers[i].children.item(j).multiSelect}`)console.log (`Choice Type: ${containers[i].children.item(j).choiceType}`)}如果(容器[我].children.item (j)。类型= =“DocumentButtonFormField”){console.log (`Checked: ${containers[i].children.item(j).isChecked}`)如果(容器[我].children.item (j)。buttonType = = 0) {console.log (`Button Type: Check Box`);}其他的{console.log (`Button Type: Radio Button`);}}}}}其他的{console.log (“这个文档没有PDF表单字段”)}}