快速开始

高清模式（默认）

无需传 m 参数或 m=4。顶部有工具栏，支持打印、全屏、下载、缩放等操作，适用于大多数场景。

https://view.moxudoc.cn/?src=https://view.moxudoc.com/vw/文件模板.docx

极速模式 m=1

异步按需加载，解析速度最快，内容准确。无工具栏，适合大文件或对加载速度要求较高的场景。

https://view.moxudoc.cn/?m=1&src=https://view.moxudoc.com/vw/文件模板.docx

图文 SVG 模式 m=2

纯 HTML+SVG 渲染，像素级还原文档排版，文字不失真、可选中复制，适合需要精确排版还原的场景。

https://view.moxudoc.cn/?m=2&src=https://view.moxudoc.com/vw/文件模板.docx

动画模式（PPT 专用）m=3

专为 PPT 设计，完整保留幻灯片中的动画效果与切换特效，支持 GIF、音频、视频播放。

https://view.moxudoc.cn/?m=3&src=https://view.moxudoc.com/vw/PPT文件预览.pptx

超清模式 m=0

最高渲染精度，像素级保真，为增值功能。需联系客服（QQ：3554853473）申请开通后使用。

https://view.moxudoc.cn/?m=0&src=https://view.moxudoc.com/vw/文件模板.docx

高清 / 极速预览效果

图文 SVG / 动画预览效果

直接访问预览地址

最简单的方式——将预览链接作为超链接直接打开：

<a href="https://view.moxudoc.cn/?src=https://example.com/doc/report.docx"
   target="_blank" rel="noopener noreferrer">
  点击预览文档
</a>

iframe 嵌入

适用于 OA 系统、企业内网等场景，将预览页面嵌入现有页面中：

<iframe
  src="https://view.moxudoc.cn/?src=https://example.com/doc/report.docx"
  width="100%"
  height="600px"
  frameborder="0"
  allowfullscreen
></iframe>

建议宿主页面与预览服务均使用 HTTPS，以避免浏览器混合内容拦截。如需隐藏工具栏，可使用极速模式（m=1）。

JavaScript 新窗口打开

function previewDoc(fileUrl) {
  const url = 'https://view.moxudoc.cn/?src='
            + encodeURIComponent(fileUrl);
  window.open(url, '_blank');
}

previewDoc(fileUrl) {
  const url = `https://view.moxudoc.cn/?src=${encodeURIComponent(fileUrl)}`;
  window.open(url, '_blank');
}

const previewDoc = (fileUrl) => {
  const url = `https://view.moxudoc.cn/?src=${encodeURIComponent(fileUrl)}`;
  window.open(url, '_blank');
};
// <button onClick={() => previewDoc(row.fileUrl)}>预览</button>

微信小程序集成

使用微信小程序的 <web-view> 组件加载预览页面。需在小程序管理后台将 view.moxudoc.cn 添加为业务域名。

<web-view src="{{previewUrl}}"></web-view>

Page({
  data: { previewUrl: '' },
  onLoad(options) {
    const file = decodeURIComponent(options.url);
    this.setData({
      previewUrl: 'https://view.moxudoc.cn/?src='
                + encodeURIComponent(file)
    });
  }
});
// 跳转：wx.navigateTo({ url: '/pages/preview/preview?url='
//        + encodeURIComponent(fileUrl) })