Display Word document in Web Page using AngularJS in ASP.Net MVC

AmitSank...

SOLVED CLOSED ACTIVE ANSWERED
User: AmitSankhe
Posted: on Jun 07, 2019 06:36 AM
Forum: ASP.Net MVC
Answer: 1
Views: 7338
Sample Code: Download

Hi Team,

with the reference of

i have integrated code in my application.

But when i execute that code, after Document.Close(); debugger is disconnecting, nothing happens next.

Can you please help to solve this issue?

Note: document is getting saved as per code in directory:

'Save the word document as HTML file.
document.SaveAs(htmlFilePath, documentFormat)

I followed steps and code provided in below link.

Display Word document on web page in ASP.Net

Here is the code:

        [HttpPost]
        public string OpenDoc()
        {
            string ohtml = string.Empty;
           

            System.Web.HttpFileCollection hfc = System.Web.HttpContext.Current.Request.Files;

            string savePath = ConfigurationManager.AppSettings.Get("UploadDocumentPath");
            string sPath = HostingEnvironment.MapPath(savePath) + "\\";

            /*  Save image */
            string docTitle= DateTime.Now.Ticks.ToString();
            DocMediaListModel objDocMediaListModel = oDocMediaController.AddDocMedia(docTitle);
            //
            if (objDocMediaListModel.ListDocMediaModel[0].DocMediaId == objDocMediaListModel.UpdatedRow)
            {
                object documentFormat = 8;
                string randomName = DateTime.Now.Ticks.ToString();

                string[] strSplit = objDocMediaListModel.ListDocMediaModel[0].FileNameId.Split('.');

                object htmlFilePath = sPath + randomName + ".htm";

                //Open the word document in background.Add Interop namespacefor this
                _Application applicationclass = new Application();
                object docPath = sPath + objDocMediaListModel.ListDocMediaModel[0].FileNameId;
                applicationclass.Documents.Open(ref docPath);
                applicationclass.Visible = false;
                Document document = applicationclass.ActiveDocument;
                document.Activate();

                //Save the word document as HTML file.
                document.SaveAs(ref htmlFilePath, ref documentFormat);


                log.Info("Test", "Before Doc close MaintainMenu", "OpenDoc", LoggedUserName);
                //Close the word document.
                document.Close();

                log.Info("Test2", "After Dcc close MaintainMenu", "OpenDoc", LoggedUserName);
                //Read the saved Html File.
                string wordHTML = System.IO.File.ReadAllText(htmlFilePath.ToString());

                log.Info(wordHTML, "MaintainMenu", "OpenDoc", LoggedUserName);

                //Loop and replace the Image Path.
                foreach (Match match in Regex.Matches(wordHTML, "<v:imagedata.+?src=[\"'](.+?)[\"'].*?>", RegexOptions.IgnoreCase))
                {
                    wordHTML = Regex.Replace(wordHTML, match.Groups[1].Value, "Uploads/" + match.Groups[1].Value);
                }

                return wordHTML;
            }
            else
                return ohtml;
           
           // return ohtml;
        }

Everything works fine, except document.Close();

After document.close(); debugger does not respond.

I could see new word doc instance created in Task manager.

Download FREE API for Word, Excel and PDF in ASP.Net

dharmend...

0 4

Reply
ANSWER
User: dharmendr
Replied: on Jun 18, 2019 03:59 AM
Report

Hi AmitSankhe,

Using the below article i have created the example.

Check this example. Now please take its reference and correct your code.

Namespaces

using System.IO;
using System.Text.RegularExpressions;
using Microsoft.Office.Interop.Word;

Controller

[HttpPost]
public string OpenDoc()
{
    HttpPostedFileBase postedFile = Request.Files[0];
    object documentFormat = 8;
    string randomName = DateTime.Now.Ticks.ToString();
    object htmlFilePath = Server.MapPath("~/Temp/") + randomName + ".htm";
    string directoryPath = Server.MapPath("~/Temp/") + randomName + "_files";
    object fileSavePath = Server.MapPath("~/Temp/") + Path.GetFileName(postedFile.FileName);

    //If Directory not present, create it.
    if (!Directory.Exists(Server.MapPath("~/Temp/")))
    {
        Directory.CreateDirectory(Server.MapPath("~/Temp/"));
    }

    //Upload the word document and save to Temp folder.
    postedFile.SaveAs(fileSavePath.ToString());

    //Open the word document in background.
    _Application applicationclass = new Application();
    applicationclass.Documents.Open(ref fileSavePath);
    applicationclass.Visible = false;
    Document document = applicationclass.ActiveDocument;
    //Save the word document as HTML file.
    document.SaveAs(ref htmlFilePath, ref documentFormat);

    //Close the word document.
    ((_Document)document).Close();

    //Read the saved Html File.
    string wordHTML = System.IO.File.ReadAllText(htmlFilePath.ToString());

    //Loop and replace the Image Path.
    foreach (Match match in Regex.Matches(wordHTML, "<v:imagedata.+?src=[\"'](.+?)[\"'].*?>", RegexOptions.IgnoreCase))
    {
        wordHTML = Regex.Replace(wordHTML, match.Groups[1].Value, "Temp/" + match.Groups[1].Value);
    }

    //Delete the Files from Temp folder.            
    DirectoryInfo directoryInfos = new DirectoryInfo(Server.MapPath("~/Temp/"));
    foreach (FileInfo fileInfo in directoryInfos.GetFiles())
    {
        fileInfo.Delete();
    }
    foreach (DirectoryInfo directoryInfo in directoryInfos.GetDirectories())
    {
        directoryInfo.Delete(true);
    }

    return wordHTML;
}

View

<html>
<head>
    <title>Index</title>
    <script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/angularjs/1.6.9/angular.min.js"></script>
    <script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/danialfarid-angular-file-upload/12.2.13/ng-file-upload.min.js"></script>
    <script type="text/javascript">
        var app = angular.module('MyApp', ['ngFileUpload'])
        app.controller('MyController', function ($scope, Upload, $timeout, $sce) {
            $scope.UploadFiles = function (files) {
                $scope.SelectedFiles = files;
                if ($scope.SelectedFiles && $scope.SelectedFiles.length) {
                    Upload.upload({
                        url: '/Home/OpenDoc/',
                        data: { files: $scope.SelectedFiles }
                    }).then(function (response) {
                        $timeout(function () {
                            $scope.Test = response.data;
                            $scope.Result = $sce.trustAsHtml($scope.Test);
                        });
                    }, function (response) {
                        if (response.status > 0) {
                            var errorMsg = response.status + ': ' + response.data;
                            alert(errorMsg);
                        }
                    });
                }
            };
        });
    </script>
</head>
<body>
    <div ng-app="MyApp" ng-controller="MyController">
        <input type="file" multiple="multiple" ngf-select="UploadFiles($files)" /><hr />
        <div ng-bind-html="Result"></div>
    </div>
</body>
</html>

Screenshots

Word document

Word document displayed in browser

I agree, here is the link: https://www.e-iceblue.com/Introduce/spire-office-for-net-free.html

Display Word document in Web Page using AngularJS in ASP.Net MVC

Display Word document on web page in ASP.Net

Upload files using AngularJS ngFileUpload in ASP.Net MVC

Display Word document in Web Page (View) in ASP.Net MVC

Company

Explore

Follow us

Contact Us