How to Load and Upload Word Documents in JavaScript DocumentEditor?

@page "/"
 
@using Syncfusion.Blazor.DocumentEditor
@using System.IO;
@using System.Net;
@using System.Web;
@using Newtonsoft.Json;
@using Microsoft.Azure.Storage;
@using Microsoft.Azure.Storage.File;
@using Syncfusion.Blazor.Buttons;
@using Newtonsoft.Json
<SfButton IsPrimary="true" @onclick="onOpen">Open</SfButton>
<SfButton IsPrimary="true" @onclick="onUpload">Upload</SfButton>
<SfDocumentEditorContainer ID="container" @ref="container" Height="590px" EnableToolbar="true">
    <DocumentEditorContainerEvents Created="OnLoad"></DocumentEditorContainerEvents>
</SfDocumentEditorContainer>
 
@code{
    SfDocumentEditorContainer container;
    // Set your connection string.
    // To check your connection string, please refer to the URL below.
    // https://docs.microsoft.com/en-us/azure/storage/common/storage-configure-connection-string 
    // Below is the dummy connection string. Set yours.
    string connectionString = "DefaultEndpointsProtocol=http;AccountName=devstoreaccount1;AccountKey=Eby8vdM02xNOcqFlqUwJPLlmEtlCDXJ1OUzFT50uSRZ6IFsuFq2UVErCz4I6tq/K1SZFPTOtr/KBHBeksoGMGw==;BlobEndpoint=http://127.0.0.1:10000/devstoreaccount1;TableEndpoint=http://127.0.0.1:10002/devstoreaccount1;QueueEndpoint=http://127.0.0.1:10001/devstoreaccount1";

    public void OnLoad(object args)
    {
        string filePath = "wwwroot/data/GiantPanda.docx";
        using (FileStream fileStream = new FileStream(filePath, System.IO.FileMode.Open, System.IO.FileAccess.Read))
        {
            WordDocument document = WordDocument.Load(fileStream, ImportFormatType.Docx);
            string json = JsonConvert.SerializeObject(document);
            document.Dispose();
            fileStream.Dispose();
            DocumentEditorModule editor = container.GetDocumentEditor();
            editor.Open(json);
            editor.DocumentName = "GiantPanda.docx";
        }
    }

    public void onOpen()
    {
        // File share name
        // For creating file shares, select your storage account, then select File shares under File service, and then create a new file share by clicking on the File share button.
        // Set the newly created file share name to the share reference.
        string shareReference = "documents"; // Here we have created "documents" as the file share name. Please set yours.
        // File name to be loaded into Syncfusion Document Editor
        string fileReference = "GiantPanda.docx";
        CloudStorageAccount cloudStorageAccount = CloudStorageAccount.Parse(connectionString);
        CloudFileClient fileClient = cloudStorageAccount.CreateCloudFileClient();
        // Get file share
        CloudFileShare cloudFileShare = fileClient.GetShareReference(shareReference);
        if (cloudFileShare.Exists())
        {
            // Get the related directory
            CloudFileDirectory dir = cloudFileShare.GetRootDirectoryReference();
            if (dir.Exists())
            {
                // Get the file reference
                CloudFile file = dir.GetFileReference(fileReference);
                MemoryStream memoryStream = new MemoryStream();
                // Download file to local disk
                file.DownloadToStream(memoryStream);
                WordDocument document = WordDocument.Load(memoryStream, ImportFormatType.Docx);
                container.GetDocumentEditor().Open(JsonConvert.SerializeObject(document));
                document.Dispose();
                memoryStream.Dispose();
            }
        }
    }
    public async void onUpload()
    {
        DocumentEditorModule editor = container.GetDocumentEditor();
        object base64Data = await editor.SaveAsBlob(FormatType.Docx);
 
        Dictionary<string, string> documentContent = Newtonsoft.Json.JsonConvert.DeserializeObject<Dictionary<string, string>>(base64Data.ToString());
        byte[] data = Convert.FromBase64String(documentContent["data"]);
        Stream stream = new MemoryStream(data);
 
        //Connect to Azure
        CloudStorageAccount storageAccount = CloudStorageAccount.Parse(connectionString);
 
        // Create a reference to the file client.
        CloudFileClient fileClient = storageAccount.CreateCloudFileClient();
 
        // Get a reference to the file share we created previously.
        CloudFileShare share = fileClient.GetShareReference("documents");
 
        if (share.Exists())
        {
            // Generate a SAS for a file in the share
            CloudFileDirectory rootDir = share.GetRootDirectoryReference();
            CloudFile file1 = rootDir.GetFileReference("GiantPanda.docx");
 
            Stream fileStream = stream;
 
            file1.UploadFromStream(fileStream);
            fileStream.Dispose();
        }
    }
}