New to Telerik Document Processing? Download free 30-day trial

Telerik Document Processing - PdfProcessing Digitally Sign Document

Loading Demo...

EXAMPLE
VIEW SOURCE

                    digitally_sign_document.cshtml
                
                    DigitallySignDocumentController.cs

API REFERENCE

function onCertificateSelect(e) { if (e.files.length > 0) { var file = e.files[0]; $("#certificatePath").val(file.name); $("#certificatePath-validation").text(""); } }

Configurator

PFX Certificate

Certificate Password

$(document).ready(function() { $('#exportDocument').click(function () { // Validate inputs let isValid = true; // Check if a certificate file is selected const uploadWidget = $("#certificateUpload").data("kendoUpload"); const files = uploadWidget.getFiles(); if (!files.length) { $("#certificatePath-validation").text("Please select a certificate file").css("color", "red"); isValid = false; } else { $("#certificatePath-validation").text(""); } const certificatePassword = document.getElementById('certificatePassword').value; if (!certificatePassword) { $("#certificatePassword-validation").text("Please enter the certificate password").css("color", "red"); isValid = false; } else { $("#certificatePassword-validation").text(""); } if (!isValid) return; const formData = new FormData(); formData.append("certificateFile", files[0].rawFile); formData.append("certificatePassword", certificatePassword); const xhr = new XMLHttpRequest(); xhr.open('POST', '/pdfprocessing/sign_and_export', true); xhr.responseType = 'arraybuffer'; xhr.onload = function() { if (this.status === 200) { // Check content type to determine if it's JSON or PDF const contentType = xhr.getResponseHeader("content-type"); if (contentType && contentType.indexOf("application/json") !== -1) { const jsonResponse = JSON.parse(new TextDecoder().decode(this.response)); if (jsonResponse.success === false) { alert(jsonResponse.message); } } else { const blob = new Blob([this.response], { type: 'application/pdf' }); const link = document.createElement('a'); link.href = window.URL.createObjectURL(blob); link.download = "SignedDocument.pdf"; link.click(); } } else { alert("Error: " + this.statusText); } }; xhr.onerror = function() { alert("Request failed"); }; xhr.send(formData); }); }); .page-container { display: flex; flex-wrap: nowrap; width: 100%; } .demo-section { flex: 1; display: flex; justify-content: center; padding-right: 20px; box-sizing: border-box; } .configurator { box-sizing: border-box; margin-left: auto; width: 179px; flex-shrink: 0; margin: -18px -14px -18px -14px; background-color: white; border-left-style: solid; border-left-color: #e2e5eb; border-left-width: 1px; } .form-comments.k-widget.k-form.k-form-md { margin-left: 10px; margin-right: 10px; width: 100%; } .k-form .k-form-legend { margin-bottom: 10px; border-width: 0 0 1px; } .validation-error { color: #e4444c; font-size: 12px; margin-top: 4px; display: none; }

Description

Telerik RadPdfProcessing provides an easy-to-use API that allows you to sign PDF documents that contain a predifined signature field. This example demonstrates how to digitally sign a PDF.

Additional Libraries

This PdfProcessing example is part of Document Processing demos, with which you can see all Telerik Document Processing libraries and their features in action.

Telerik Document Processing - PdfProcessing Digitally Sign Document

Description

Additional Libraries

Support & Learning Resources

Additional Resources