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/blazor/save-pdf-file/to-amazon-s3.md
+4-4Lines changed: 4 additions & 4 deletions
Display the source diff
Display the rich diff
Original file line number
Diff line number
Diff line change
@@ -13,11 +13,11 @@ To save a PDF file to AWS S3, you can follow the steps below
13
13
14
14
**Step 1:** Create AWS S3 account
15
15
16
-
Set up an AWS S3 account by following the instructions on the official AWS site: [AWS Management Console](https://docs.aws.amazon.com/AmazonS3/latest/userguide/Welcome.html). Create an S3 bucketand generate access keys while ensuring secure storage of
16
+
Set up an AWS account and configure Amazon S3 by following the official guide: [AWS Management Console](https://docs.aws.amazon.com/AmazonS3/latest/userguide/Welcome.html). Create an S3 bucket, configure an IAM user or role with scoped permissions for S3 access, and generate access keys. Store credentials securely using environment variables.
17
17
18
18
**Step 2:** Create a Simple SfPdfViewer Sample in blazor
19
19
20
-
Start by following the steps provided in this [link](https://help.syncfusion.com/document-processing/pdf/pdf-viewer/blazor/getting-started/server-side-application) to create a simple SfPdfViewer sample in blazor. This will give you a basic setup of the SfPdfViewer component.
20
+
Start by following the steps provided in this [link](https://help.syncfusion.com/document-processing/pdf/pdf-viewer/blazor/getting-started/web-app) to create a simple SfPdfViewer sample in blazor. This will give you a basic setup of the SfPdfViewer component.
21
21
22
22
**Step 3:** Include the following namespaces in the **Index.razor** file.
23
23
@@ -77,9 +77,9 @@ Start by following the steps provided in this [link](https://help.syncfusion.com
ReplacethefilenamewiththeactualdocumentnamethatyouwanttoloadfromAWSS3bucket. MakesuretopassthedocumentnamefromtheAWSS3buckettothe[DocumentPath](https://help.syncfusion.com/cr/blazor/Syncfusion.Blazor.SfPdfViewer.PdfViewerBase.html#Syncfusion_Blazor_SfPdfViewer_PdfViewerBase_DocumentPath) property of the SfPdfViewer component.
Copy file name to clipboardExpand all lines: Document-Processing/PDF/PDF-Viewer/blazor/save-pdf-file/to-azure-blob-storage.md
+9-9Lines changed: 9 additions & 9 deletions
Display the source diff
Display the rich diff
Original file line number
Diff line number
Diff line change
@@ -1,23 +1,23 @@
1
1
---
2
2
layout: post
3
-
title: Save PDF files to Azure Storage in SfPdfViewer Component | Syncfusion
4
-
description: Learn here all about how to save PDF files to Azure Blob Storage in Syncfusion Blazor SfPdfViewer component and much more details.
3
+
title: Save PDF file to Azure Blob Storage in Blazor SfPdfViewer | Syncfusion
4
+
description: Learn how to save PDF files to Azure Blob Storage using the Syncfusion Blazor SfPdfViewer component, including setup, and persistence workflow.
5
5
platform: document-processing
6
6
control: SfPdfViewer
7
7
documentation: ug
8
8
---
9
9
10
10
# Save PDF file to Azure Blob Storage in Blazor SfPdfViewer
11
11
12
-
To save a PDF file to Azure Blob Storage , you can follow the steps below
12
+
To save a PDF file to Azure Blob Storage, follow the steps below.
13
13
14
14
**Step 1:** Create the Azure Blob Storage account
15
15
16
-
Log in to the Azure Portal. Create a new Storage Account with preferred settings. Note access keys during the setup. Within the Storage Account, create a Blob Container following the steps in this [link](https://learn.microsoft.com/en-us/azure/storage/common/storage-account-create?toc=%2Fazure%2Fstorage%2Fblobs%2Ftoc.json&tabs=azure-portal).
16
+
Sign in to the Azure portal and create a Storage account with the desired configuration. Record the connection string during setup. Within the Storage account, create a Blob container. For detailed guidance, see Create a Storage account and container in the [Azure portal](https://learn.microsoft.com/azure/storage/common/storage-account-create?toc=%2Fazure%2Fstorage%2Fblobs%2Ftoc.json&tabs=azure-portal).
17
17
18
-
**Step 2:** Create a Simple SfPdfViewer Sample in blazor
18
+
**Step 2:** Create a Simple SfPdfViewer Sample in Blazor
19
19
20
-
Start by following the steps provided in this [link](https://help.syncfusion.com/document-processing/pdf/pdf-viewer/blazor/getting-started/server-side-application) to create a simple SfPdfViewer sample in blazor. This will give you a basic setup of the SfPdfViewer component.
20
+
Create a basic Blazor Server application that hosts the SfPdfViewer component by following [Getting started](https://help.syncfusion.com/document-processing/pdf/pdf-viewer/blazor/getting-started/web-app) with Blazor SfPdfViewer. This provides the baseline configuration required for the viewer.
21
21
22
22
**Step 3:** Include the following namespaces in the **Index.razor** file.
23
23
@@ -72,11 +72,11 @@ Start by following the steps provided in this [link](https://help.syncfusion.com
Copy file name to clipboardExpand all lines: Document-Processing/PDF/PDF-Viewer/blazor/save-pdf-file/to-box-cloud-file-storage.md
+11-12Lines changed: 11 additions & 12 deletions
Display the source diff
Display the rich diff
Original file line number
Diff line number
Diff line change
@@ -1,26 +1,25 @@
1
1
---
2
2
layout: post
3
-
title: Save PDF files to Box storage in SfPdfViewer Component | Syncfusion
4
-
description: Learn here all about how to save PDF files to Box cloud file storage in Syncfusion Blazor SfPdfViewer component and much more details.
3
+
title: Save PDF files to Box storage in SfPdfViewer Component | Syncfusion
4
+
description: Learn how to save PDF files to Box cloud file storage using the Syncfusion Blazor SfPdfViewer component, including setup, and upload workflow.
5
5
platform: document-processing
6
6
control: SfPdfViewer
7
7
documentation: ug
8
8
---
9
9
10
10
# Save PDF file to Box cloud file storage in Blazor SfPdfViewer
11
11
12
-
To save a PDF file to Box cloud file storage, you can follow the steps below
12
+
To save a PDF file to Box cloud file storage, follow the steps below.
13
13
14
+
**Step 1:** Set up a Box developer account and create a Box application
14
15
15
-
**Step 1** Set up a Box developer account and create a Box application
16
+
To access Box storage programmatically, a Box developer account is required. Open the [Box Developer](https://developer.box.com/) Console and create a Box application. The application provides the Client ID and Client Secret used to authenticate with Box APIs. Before accessing files, the application must be authorized using `OAuth 2.0 authentication`.
16
17
17
-
To access Box storage programmatically, you'll need a developer account with Box. Go to the [Box Developer Console](https://developer.box.com/), sign in or create a new account, and then create a new Box application. This application will provide you with the necessary credentials Client ID and Client Secret to authenticate and access Box APIs. Before accessing files, you need to authenticate your application to access your Box account. Box API supports `OAuth 2.0 authentication` for this purpose.
18
+
**Step 2:** Create a simple SfPdfViewer sample in Blazor
18
19
19
-
**Step 2:**Create a Simple SfPdfViewer Sample in blazor
20
+
Create a basic Blazor Server application that hosts the SfPdfViewer component by following [Getting started](https://help.syncfusion.com/document-processing/pdf/pdf-viewer/blazor/getting-started/web-app) with Blazor SfPdfViewer. This provides the baseline configuration required for the viewer.
20
21
21
-
Start by following the steps provided in this [link](https://help.syncfusion.com/document-processing/pdf/pdf-viewer/blazor/getting-started/server-side-application) to create a simple SfPdfViewer sample in blazor. This will give you a basic setup of the SfPdfViewer component.
22
-
23
-
**Step 3:** Include the following namespaces in the **Index.razor** file.
22
+
**Step 3:** Include the following namespaces in the **Index.razor** file
24
23
25
24
1. Import the required namespaces at the top of the file:
26
25
@@ -33,7 +32,7 @@ Start by following the steps provided in this [link](https://help.syncfusion.com
33
32
@usingSyncfusion.Blazor.Buttons
34
33
```
35
34
36
-
**Step 4:** Add the below code example to save pdf to `Box cloud storage`
35
+
**Step 4:** Add the following code example to save a PDF to `Box cloud storage`
37
36
38
37
```csharp
39
38
@@ -82,9 +81,9 @@ Start by following the steps provided in this [link](https://help.syncfusion.com
82
81
83
82
N>replace**Your_Box_Storage_Access_Token**withyouractualboxaccesstoken, and**Your_Folder_ID**withtheIDofthefolderinyourboxstoragewhereyouwanttoperformspecificoperations. RemembertouseyourvalidboxAPIcredentials, as**Your_Box_Storage_ClientID**and**Your_Box_Storage_ClientSecret"** are placeholders for your application's API key and secret.
N>Replace`PDF_Succinctly.pdf` withtheactualdocumentnamethatyouwanttoloadfromBoxcloudfilestorage. Makesuretopassthedocumentnamefromtheboxfoldertothe [documentPath](https://help.syncfusion.com/cr/blazor/Syncfusion.Blazor.SfPdfViewer.PdfViewerBase.html#Syncfusion_Blazor_SfPdfViewer_PdfViewerBase_DocumentPath) property of the SfPdfViewer component
86
+
N>Ifloadingadocumentbyname, replace`PDF_Succinctly.pdf` withtheactualfilename, andassignittotheDocumentPathpropertyoftheSfPdfViewercomponent. Fordetails, seethe [DocumentPath](https://help.syncfusion.com/cr/blazor/Syncfusion.Blazor.SfPdfViewer.PdfViewerBase.html#Syncfusion_Blazor_SfPdfViewer_PdfViewerBase_DocumentPath) property of the SfPdfViewer component.
Copy file name to clipboardExpand all lines: Document-Processing/PDF/PDF-Viewer/blazor/save-pdf-file/to-google-cloud-storage.md
+12-12Lines changed: 12 additions & 12 deletions
Display the source diff
Display the rich diff
Original file line number
Diff line number
Diff line change
@@ -1,23 +1,23 @@
1
1
---
2
2
layout: post
3
-
title: Save PDF files to GCS in Blazor SfPdfViewer Component | Syncfusion
4
-
description: Learn here all about how to Save PDF files to Google Cloud Storage in Syncfusion Blazor SfPdfViewer component and much more details.
3
+
title: Save PDF files to Google Cloud Storage in SfPdfViewer | Syncfusion
4
+
description: Learn how to save PDF files to Google Cloud Storage from the Syncfusion Blazor SfPdfViewer component with a secure, step-by-step workflow.
5
5
platform: document-processing
6
6
control: SfPdfViewer
7
7
documentation: ug
8
8
---
9
9
10
10
# Save PDF file to Google Cloud Storage in Blazor SfPdfViewer
11
11
12
-
To save a PDF file to Google Cloud Storage in a SfPdfViewer, you can follow the steps below
12
+
To save a PDF file to Google Cloud Storage from the SfPdfViewer, follow the steps below.
13
13
14
-
**Step 1** Create a Service Account
14
+
**Step 1** Create a service account
15
15
16
-
Open the Google Cloud Console. Navigate to `IAM & Admin` > `Service accounts`. Click `Create Service Account`.` Enter a name, assign roles (e.g., Storage Object Admin), and create a key in JSON format. Download the key file securely. Utilize the downloaded key file in your applications or services for authentication and access to the Google Cloud Storage bucket. For additional details, refer to the [official documentation](https://cloud.google.com/iam/docs/service-accounts-create).
16
+
Open the Google Cloud Console. Navigate to `IAM & Admin` > `Service accounts`. Click `Create service account`, enter a name, assign only the required role (for uploads, Storage Object Creator; use broader roles such as Storage Object Admin only if necessary), and create a key in JSON format. Download the key file securely. Use the downloaded key file in the application for authentication and access to the Google Cloud Storage bucket. For details, refer to the [official documentation](https://cloud.google.com/iam/docs/service-accounts-create).
17
17
18
-
**Step 2:** Create a Simple SfPdfViewer Sample in blazor
18
+
**Step 2:** Create a simple SfPdfViewer sample in Blazor
19
19
20
-
Start by following the steps provided in this [link](https://help.syncfusion.com/document-processing/pdf/pdf-viewer/blazor/getting-started/server-side-application) to create a simple SfPdfViewer sample in blazor. This will give you a basic setup of the SfPdfViewer component.
20
+
Start by following the steps in this guide to create a [basic SfPdfViewer](https://help.syncfusion.com/document-processing/pdf/pdf-viewer/blazor/getting-started/web-app)sample in Blazor. This provides the initial setup of the SfPdfViewer component.
21
21
22
22
**Step 3:** Include the following namespaces in the **Index.razor** file.
23
23
@@ -30,7 +30,7 @@ Start by following the steps provided in this [link](https://help.syncfusion.com
30
30
@usingSyncfusion.Blazor.Buttons
31
31
```
32
32
33
-
**Step 4:** Add the below code example to
33
+
**Step 4:** Add the below code example to the Index.razor file to upload the currently loaded document to GCS.
34
34
35
35
```csharp
36
36
@@ -70,13 +70,13 @@ Start by following the steps provided in this [link](https://help.syncfusion.com
Copy file name to clipboardExpand all lines: Document-Processing/PDF/PDF-Viewer/blazor/save-pdf-file/to-google-drive.md
+13-13Lines changed: 13 additions & 13 deletions
Display the source diff
Display the rich diff
Original file line number
Diff line number
Diff line change
@@ -1,23 +1,23 @@
1
1
---
2
2
layout: post
3
-
title: Save PDF files to Google Drive in SfPdfViewer Component | Syncfusion
4
-
description: Learn here all about how to save PDF files to Google Drive in Syncfusion Blazor SfPdfViewer component and much more details.
3
+
title: Save PDF files to Google Drive in Blazor SfPdfViewer | Syncfusion
4
+
description: Learn how to save PDF files to Google Drive using the Syncfusion Blazor SfPdfViewer, including required setup, and a working example.
5
5
platform: document-processing
6
6
control: SfPdfViewer
7
7
documentation: ug
8
8
---
9
9
10
-
# Save PDF file to Google Drive in Blazor SfPdfViewer
10
+
# Save PDF files to Google Drive in Blazor SfPdfViewer
11
11
12
-
To save a PDF file to Google Drive, you can follow the steps below
12
+
Use the following steps to download the currently loaded PDF from the viewer and upload it to a specified Google Drive folder.
13
13
14
-
**Step 1** Set up Google Drive API
14
+
**Step 1:** Set up the Google Drive API
15
15
16
-
You must set up a project in the Google Developers Console and enable the Google Drive API. Obtain the necessary credentials to access the API. For more information, view the official [link](https://developers.google.com/drive/api/guides/enable-sdk).
16
+
Create a project in Google Cloud Console and enable the Google Drive API. Obtain the necessary credentials to access the API. For detailed instructions, see Enable the [Google Drive API](https://developers.google.com/drive/api/guides/enable-sdk).
17
17
18
-
**Step 2:** Create a Simple SfPdfViewer Sample in blazor
18
+
**Step 2:** Create a simple SfPdfViewer sample in Blazor
19
19
20
-
Start by following the steps provided in this [link](https://help.syncfusion.com/document-processing/pdf/pdf-viewer/blazor/getting-started/server-side-application)to create a simple SfPdfViewer sample in blazor. This will give you a basic setup of the SfPdfViewer component.
20
+
Follow the [Getting Started](https://help.syncfusion.com/document-processing/pdf/pdf-viewer/blazor/getting-started/web-app) guide to create a basic Blazor application with the SfPdfViewer component.
21
21
22
22
**Step 3:** Include the following namespaces in the **Index.razor** file.
23
23
@@ -33,7 +33,7 @@ Start by following the steps provided in this [link](https://help.syncfusion.com
33
33
@usingSyncfusion.Blazor.Buttons
34
34
```
35
35
36
-
**Step 4:**Add the below code example to save the downloaded PDF files to `Google drive` file.
36
+
**Step 4:** Add the following example to save the downloaded PDF file to `Google Drive`.
37
37
38
38
```csharp
39
39
@@ -99,13 +99,13 @@ Start by following the steps provided in this [link](https://help.syncfusion.com
N>The**FolderId**partistheuniqueidentifierforthefolder. Forexample, ifyourfolderURLis:`https://drive.google.com/drive/folders/abc123xyz456`, then the folder ID is `abc123xyz456`.
104
+
N>The**FolderId**istheuniqueidentifierfoundinthefolderURL. Forexample, for`https://drive.google.com/drive/folders/abc123xyz456`, the folder ID is `abc123xyz456`.
[View the sample on GitHub](https://github.com/SyncfusionExamples/blazor-pdf-viewer-examples/tree/master/Load%20and%20Save/Open%20and%20Save%20from%20Google%20Drive)
0 commit comments