asp.net 通过docx-preview.js显示word文件

m4pnthwp 于 11个月前发布在 .NET

关注(0)|答案(1)|浏览(186)

我一直在寻找一个解决方案来显示HTML页面上的Word文件，我发现了下面的代码，它正是我想要的.

**我唯一的问题是：**你必须上传Word文件在这里，并点击按钮显示文件.

也就是说，我不希望任何按钮被点击！
例如，输入以下链接：mysite.com/articles?id=5
我在数据库中有一个表，我保存了Word文件的地址，例如ID 5，保存以下地址：

文件/文章/new-method-in-raising-children.docx

我想在页面加载的div标签中显示这个。

<html>
<head>
    <title>display word file</title>
</head>
<body>
    <input id="files" type="file" accept=".docx"/>
    <input type="button" id="btnPreview" value="Preview Word Document" onclick="PreviewWordDoc()"/>
    <div id="word-container" class=""></div>
    
    <script type="text/javascript" src="https://unpkg.com/jszip/dist/jszip.min.js"></script>
    <script src="Scripts/docx-preview.js"></script>
    <script type="text/javascript">
        function PreviewWordDoc() {
            //Read the Word Document data from the File Upload.
            var doc = document.getElementById("files").files[0];
     
            //If Document not NULL, render it.
            if (doc != null) {
                //Set the Document options.
                var docxOptions = Object.assign(docx.defaultOptions, {
                    useMathMLPolyfill: true
                });
                //Reference the Container DIV.
                var container = document.querySelector("#word-container");
     
                //Render the Word Document.
                docx.renderAsync(doc, container, null, docxOptions);
            }
        }
    </script>
</body>
</html>

字符串

asp.net

来源：https://stackoverflow.com/questions/77575964/display-word-file-by-docx-preview-js