0

PDFTron Web 查看器未显示在使用 @model 的 ASP.NET Razor 视图上。我收到 HTTP 404 - Not Found 错误。不使用@model，并在控制器中删除return View(doc); 并使用return View(); PDFTron Web 查看器会显示 XOD 文档，但在使用 @model 时不会显示 XOD 查看器。

剃刀视图如下。删除@model XODViewer.DataModel.Document并更改return View(doc); 返回视图（）；让它工作。我需要将视图绑定到模型类以访问视图上模型的属性。

PDFTron 是否不支持在绑定到模型的 MVC Razor View 上显示 Web 查看器控件？

@model XODViewer.DataModel.Document

@{
    ViewBag.Title = "Document";
}

<script src="~/Scripts/jquery-1.10.2.min.js"></script>
<script src="~/lib/WebViewer.min.js"></script>

<style>
    #viewer {
        width: 1024px;
        height: 600px;
    }
</style>

<script>
        $(function () {
            var docName = 'GettingStarted.xod';
            var viewerElement = document.getElementById('viewer');
            var myWebViewer = new PDFTron.WebViewer({
                path: 'lib',
                type: 'html5',
                documentType: "xod",
                initialDoc: "lib/GettingStarted.xod",
                config: '',
                streaming: false,
                enableAnnotations: false,
                enableOfflineMode: false,
                enableReadOnlyMode: true
            }, viewerElement);
        });
</script>

<h2>Document</h2>


<div id="viewer" style="overflow: auto;width:100%;">
</div>

HTTP 404 未找到错误

4

2 回答 2

1

它现在已经开始使用相对路径，视图现在绑定到模型类。

@model XODViewerApp.Model.Document

@{
    ViewBag.Title = "Document";
}

<script src="~/Scripts/jquery-1.10.2.min.js"></script>
<script src="~/lib/WebViewer.min.js"></script>

<style>
    #viewer {
        width: 1024px;
        height: 600px;
    }
</style>

<script>
        $(function () {
            var viewerElement = document.getElementById('viewer');
            var myWebViewer = new PDFTron.WebViewer({
                path: 'lib',
                type: 'html5',
                documentType: "xod",
                initialDoc: "lib/GettingStarted.xod",
                config: '',
                streaming: false,
                enableAnnotations: false,
                enableOfflineMode: false,
                enableReadOnlyMode: true
            }, viewerElement);
        });
</script>

<h2>Document</h2>

<div id="viewer" style="overflow: auto;width:100%;">
</div>
于 2017-02-16T08:22:53.787 回答
0

构造函数中的lib参数WebViewer用于指向WebViewer其库，尤其是html5子文件夹。

我会尝试将该参数设置为绝对路径，而不是相对路径，因为相对路径似乎不起作用，因为您的 404 错误消息表明它找不到lib/html5/ReaderControl.html

于 2017-02-15T22:49:10.197 回答