You signed in with another tab or window. Reload to refresh your session.You signed out in another tab or window. Reload to refresh your session.You switched accounts on another tab or window. Reload to refresh your session.Dismiss alert
Copy file name to clipboardExpand all lines: Document-Processing/PDF/PDF-Viewer/react/getting-started-overview.md
+1-1Lines changed: 1 addition & 1 deletion
Display the source diff
Display the rich diff
Original file line number
Diff line number
Diff line change
@@ -9,7 +9,7 @@ domainurl: ##DomainURL##
9
9
---
10
10
11
11
12
-
# Getting started with Syncfusion<supstyle="font-size:70%">®</sup> React PDF Viewer
12
+
# Getting started with Syncfusion React PDF Viewer
13
13
14
14
15
15
If you're starting to integrate the Syncfusion<supstyle="font-size:70%">®</sup> React PDF Viewer into your application, choose the path below that matches how you'll run the viewer in your app (client-only or via a web service) and follow that tutorial.
Copy file name to clipboardExpand all lines: Document-Processing/PDF/PDF-Viewer/react/save-pdf-files.md
+32-2Lines changed: 32 additions & 2 deletions
Display the source diff
Display the rich diff
Original file line number
Diff line number
Diff line change
@@ -12,6 +12,17 @@ domainurl: ##DomainURL##
12
12
13
13
After editing a PDF with annotation tools, you can save the updated file to a server, a database, or download it locally. The following sections show common approaches.
14
14
15
+
### Save and Download the Edited PDF
16
+
17
+
After editing the PDF document, follow this short, linear flow to persist and retrieve the updated file:
18
+
19
+
1. Persist the edited document to your backend (server or database). See "Save modified PDF to server" and "Save modified PDF to a database" below for server-side examples.
20
+
2. Provide the updated file to the user. For a simple download use the built-in toolbar or call the viewer API [`download()`](https://ej2.syncfusion.com/react/documentation/api/pdfviewer/index-default#download).
21
+
3. If you need the edited PDF for custom uploads or processing, use the viewer [`saveAsBlob()`](https://ej2.syncfusion.com/react/documentation/api/pdfviewer/index-default#saveasblob) API to obtain a Blob (or convert it to Base64).
22
+
23
+
This is a summary; use the detailed subsections below for full code samples and server-side instructions.
24
+
25
+
15
26
## Save modified PDF to server
16
27
17
28
To save the modified PDF back to a server, follow these steps.
@@ -93,7 +104,7 @@ root.render(<App />);
93
104
94
105
## Download PDF file as a copy
95
106
96
-
The built-in toolbar includes a download option that saves the updated PDF to the user's local file system. You can also trigger the same behavior programmatically by calling the viewer's `download()` method.
107
+
The built-in toolbar includes a download option that saves the updated PDF to the user's local file system. You can also trigger the same behavior programmatically by calling the viewer's [`download()`](https://ej2.syncfusion.com/react/documentation/api/pdfviewer/index-default#download) API.
97
108
98
109
{% raw %}
99
110
@@ -223,4 +234,23 @@ N> Replace `Your connection string for SQL Server` with your actual connection s
223
234
224
235
N>: Ensure the `System.Data.SqlClient` package (or `Microsoft.Data.SqlClient`) is installed in your project. Use parameterized queries (as shown) and validate inputs to avoid SQL injection risks.
225
236
226
-
[View sample in GitHub](https://github.com/SyncfusionExamples/open-save-pdf-documents-in-database)
237
+
[View sample in GitHub](https://github.com/SyncfusionExamples/open-save-pdf-documents-in-database)
238
+
239
+
### Save to Cloud Storage Services
240
+
241
+
Each link below goes to a provider page with simple, step-by-step instructions and example code for saving the edited PDF to that cloud storage service.
0 commit comments