查看器配置
客户端查看器小部件选项
ViewerConfig (namespace Doconut) 描述了浏览器查看器的外观和行为。它不影响文档渲染质量;请使用格式配置来控制。C# 类和长期存在的 JavaScript 小部件默认值不同,因此请显式映射值。
此版本中的两个客户端更改会静默失败。 处理函数作为选项传递 — 小部件不再从容器 id 派生全局函数名 — 并且
ResPath必须指向资源前缀而不是应用根目录。两者都让服务器正常工作且在浏览器控制台中不报告任何信息。如果您正从之前的库迁移页面,请先阅读 回调 和 路径检查清单。
C# 属性
| 类型 | 属性 | 默认值 | 描述 |
|---|---|---|---|
bool | ShowThumbs | true | 显示缩略图面板。 |
bool | AutoLoad | false | 初始化后自动加载。正常的令牌流会显式调用 View(token)。 |
bool | AutoFocus | true | 初始化期间将浏览器焦点/滚动移动到查看器。 |
bool | AutoPageFocus | true | 页面切换时保持当前缩略图可见。 |
int | PageZoom | 100 | 初始缩放百分比。 |
int | ZoomStep | 10 | 缩放命令增加或减少的百分比。 |
int | MaxZoom | 300 | 最大缩放百分比。 |
bool | ShowToolTip | true | 滚动时显示页面位置工具提示。 |
string | ToolTipPageText | "Page " | 页面工具提示中使用的前缀。 |
bool | CacheEnabled | false | 在浏览器内存中保留页面图像的移动窗口。它不使用 localStorage。 |
bool | LargeDoc | false | 为大文档以定时批次追加页面元素。 |
bool | ShowHyperlinks | false | 当服务器配置提取超链接时渲染超链接覆盖层。 |
bool | FixedZoom | true | 使用固定缩放百分比而非响应式重新计算。 |
int | FixedZoomPercent | 100 | 固定桌面缩放。 |
int | FixedZoomPercentMobile | 75 | 固定移动端缩放。 |
string | BasePath | "/" | 查看器发送页面请求的位置。"/" 是 DocImage.axd 位于站点根目录;否则为主机映射 UseDoconut() 的分支,不带前导 /("doconut" 表示 /doconut/DocImage.axd)。 |
string | ResPath | "doconut-res/images" (26.9.0; "doconut-res" 之前) | 小部件加载自身图像的文件夹:images 文件夹位于 ResourcesPath 下,不带前导 /。 |
string | FitType | "width" | "width"、"height",或留空表示不自动适配。当前小部件不接受 "page"。 |
bool | RetryOn409 | false | 当异步/分布式页面生成响应 202 Accepted 时启用轮询;409 也被接受以兼容旧服务器。普通同步查看器不需要此功能。 |
var config = new ViewerConfig
{
ShowThumbs = true,
AutoLoad = false,
PageZoom = 100,
MaxZoom = 300,
FitType = "width",
BasePath = "doconut", // 没有前导 '/':查看器会自动添加它("/doconut" 将变成 //doconut,另一个主机)
ResPath = "doconut-res/images",
ShowHyperlinks = true
};C# 到 JavaScript 映射
不要将直接序列化的 ViewerConfig 传递给 docViewer(...)。大多数小部件键使用 camelCase,而三个已建立的路径/适配键使用 PascalCase。
| C# | JavaScript |
|---|---|
ShowThumbs | showThumbs |
AutoLoad | autoLoad |
AutoFocus | autoFocus |
AutoPageFocus | autoPageFocus |
PageZoom | pageZoom |
ZoomStep | zoomStep |
MaxZoom | maxZoom |
ShowToolTip | showToolTip |
ToolTipPageText | toolTipPageText |
CacheEnabled | cacheEnabled |
LargeDoc | largeDoc |
ShowHyperlinks | showHyperlinks |
FixedZoom | fixedZoom |
FixedZoomPercent | fixedZoomPercent |
FixedZoomPercentMobile | fixedZoomPercentMobile |
BasePath | BasePath |
ResPath | ResPath |
FitType | FitType |
RetryOn409 | retryOn409 |
JavaScript 默认
该小部件具有不同于 C# 类的旧默认值。以下值来自当前 docViewer.js 实现。
| 选项 | 默认 | 备注 |
|---|---|---|
leftMinWidth / leftMaxWidth | 220 / 800 | 缩略图面板宽度范围。 |
showThumbs | true | 初始缩略图可见性。 |
autoFocus / autoPageFocus | true / false | autoPageFocus 与 C# 默认值不同。 |
thumbWidth / thumbHeight / thumbPadding | 150 / 200 / 10 | 像素单位的缩略图几何尺寸。 |
pageZoom / zoomStep / maxZoom | 100 / 10 / 200 | JavaScript maxZoom 与 C#(300)不同。 |
showToolTip / toolTipPageText | true / "Page " | 页面位置工具提示。 |
format / doc / AccessToken | "" / 0 / "" | 内部初始化值;通常由 View(token) 填充。 |
debugMode | false | 额外的客户端诊断信息。 |
FitType | "" | 除非提供,否则不会自动适配。 |
BasePath | "DocImage.axd" | 保留历史客户端默认值以兼容。当前 ASP.NET Core 主机必须显式设置为映射的中间件分支。 |
ResPath | "" | 显式设置为嵌入图像路径。 |
cacheEnabled / cacheCount / cacheDelay | false / 3 / 3 | 内存中的页面预加载窗口和延迟。 |
autoLoad | false | 建议使用显式令牌流。 |
largeDoc | true | 与 C# 默认值不同。 |
fixedZoom | false | 与 C# 默认值不同。 |
fixedZoomPercent / fixedZoomPercentMobile | 100 / 50 | 移动端值与 C#(75)不同。 |
showHyperlinks | true | 需要服务器端提取以生成覆盖层。 |
请设置所有行为关键的值,而不是依赖任一默认设置:
<div id="divDocViewer"><div id="div_ctlDoc"></div></div>
<script>
const objViewer = $('#div_ctlDoc').docViewer({
showThumbs: true,
autoLoad: false,
autoFocus: true,
autoPageFocus: true,
pageZoom: 100,
zoomStep: 10,
maxZoom: 300,
FitType: 'width',
cacheEnabled: false,
largeDoc: false,
showHyperlinks: true,
fixedZoom: true,
fixedZoomPercent: 100,
fixedZoomPercentMobile: 75,
BasePath: 'doconut',
ResPath: 'doconut-res/images',
onViewerReady: function () {},
onError: function (message) { console.error('DocViewer:', message); }
});
</script>回调
| 回调 | 参数 | 目的 |
|---|---|---|
onPageLoading | pageNum | 页面请求正在开始。 |
onPageLoaded | pageNum | 页面图像已加载完成。 |
onThumbnailClicked | pageNum | 用户选择了缩略图。 |
onPageClicked | pageNum | 用户选择了页面。 |
onDoubleClick | none | 查看器收到双击。 |
onViewerBusy | none | 查看器进入忙碌状态。 |
onViewerReady | none | 初始化完成。 |
onViewerError | none | 查看器进入错误状态。 |
onError | message | 操作返回错误信息。 |
onCopy | data | 文本复制数据可用。 |
onAutoLoadStatus | pageNum | 自动加载已进展到页面。 |
onThumbsShown | none | 缩略图面板变为可见。 |
onAnnLoaded | none | 注释数据已加载。 |
onAnnSaved | none | 注释数据已保存。 |
onAnnSaveError | none | 注释保存失败。 |
onAnnClosed | none | 注释 UI 已关闭。 |
保持回调快速;异步发送遥测,不要阻塞页面渲染。
这些都是 init 对象上的选项。 之前的查看器会查找全局函数,其名称来源于容器 id —— 一个包含 <div id="div_ctlDoc"> 的页面只需声明 function ctlDoc_OnViewerReady()。这种查找已不存在。请显式传递函数:
objctlDoc = $('#div_ctlDoc').docViewer({
// ... 您现有的选项 ...
onViewerBusy: ctlDoc_OnViewerBusy, // 是通过名称找到的
onViewerReady: ctlDoc_OnViewerReady, // 是通过名称找到的
onCopy: ctlDoc_Copy, // 是 ctlDoc_Copy(text)
onAutoLoadStatus: ctlDoc_AutoLoadStatus // 是 ctlDoc_AutoLoadStatus(page)
});旧的查找被包装在一个空的 catch 中,因此从未报告任何内容。在此版本中,这些函数根本不会运行:常见症状是忙碌指示器永不停止,因为隐藏它的处理程序是 onViewerReady。其背后的文档已正确渲染。
没有链接点击回调——超链接处理已内置并由 showHyperlinks 驱动。
公共方法组
| 组 | 常用方法 |
|---|---|
| 生命周期 | View(token, accessToken?), Close(server?), Token(), Init(), IsLoaded() |
| 导航 | GotoPage(page), ShowPage(page, focus?), Next(next), CurrentPage(), TotalPages() |
| 缩放和适配 | Zoom(zoomIn), CurrentZoom(), FitType(value), Refit() |
| 方向 | Rotate(page, angle), Flip(page, flipType) |
| 缩略图 | HideThumbs(hide), ThumbSize(size), ReloadThumbs(width), ScrollToThumb(thumb) |
| 搜索 | CanSearch(), Search(...), SearchMatchCount(), SearchSummary(...), GotoSearchMatch(...) |
| 注释 | SaveAnnotations(), GetAnnotations(), PushAnnotations(...), CloseAnnotations(...), ShowAnnotations(...) |
| 复制 | Copy(...), CopyPage(pageNumber), CopyMode(enabled) |
JavaScript 文件中也包含内部帮助函数。仅将参考 UI 使用且在此处或功能指南中有文档记录的方法视为稳定的集成点。
当分布式页面仍在渲染时重试
retryOn409 保留了其历史名称。它用于异步页面生成,并在当前 202 Accepted 就绪响应以及较旧的 409 Conflict 信号上进行重试。启用后,部件会使用以下 JavaScript 默认值进行轮询:
| 选项 | 默认 |
|---|---|
retryInitialDelayMs | 250 |
retryBackoffFactor | 1.6 |
retryMaxDelayMs | 2500 |
retryMaxAttempts | 60 |
retryMaxTotalMs | 120000 |
对于普通的单节点查看器,请保持禁用状态。启用它并不能使不受支持的同步渲染变为异步。
当页面通过带有 FirstPagePriority 的共享存储提供时,请启用它,此时后续页面会合法地返回 202 Accepted,直至写入完成。未进行重试的客户端会在仍在渲染的页面上显示破损的瓦片——参见分布式部署。
路径检查清单
DoconutOptions.MiddlewarePath必须描述您实际映射的分支。BasePath必须指向该分支,且写入时不带前导/('doconut',而不是'/doconut':查看器会添加斜杠,//doconut/...是对另一个主机的请求)。参考应用保留了在MapWhen分支上的历史DocImage.axd请求形态,因此会设置BasePath: '/'。DoconutOptions.ResourcesPath是嵌入式资源路由。ResPath通常指向其images子文件夹,不带前导/—— 使用默认前缀时为'doconut-res/images'。在之前的库中,空的ResPath是正确的,因为资源来自应用根目录;在此处不再正确,并且会在没有错误提示的情况下失败。ExtractHyperlinks必须在服务器格式配置中启用,才能让showHyperlinks显示任何内容。
此页面对您有帮助吗?