轻阅读 - 专业文件文档在线预览解决方案

易上手·高兼容·快部署 | 在线版永久免费 | 覆盖90%主流文件格式

核心优势：让文档预览更简单

支持格式全览

分类 支持格式
Office文档 doc、docx、xls、xlsx、ppt、pptx、wps、dot、dotx、dotm、xlt、xltm、csv、tsv、xla、xsm、et、ett、wpt、odt、ods、odp、otp、ott、fodt
通用文件 pdf、vsd、vsdx、xmind、psd、emf、ofd、rtf、wmf、eml
3D模型 3ds、3dm、obj、glb、gltf、ply、stl、fbx、ifc、step、iges、fcstd
文本文件 txt、java、php、py、html、js、css、xml、asp、jsp
压缩包 zip、rar、jar、tar、7Z
图像/多媒体 jpg、png、jpeg、mp4、mp3、webp、tqa、jfif、wav、bmp

现在尝试一下（在线版永久免费）

方式1：输入文档URL预览（需公网可访问）

支持格式：DOC、DOCX、XLS、XLSX、PPT、PPTX、PDF、TXT、ZIP、图片等
注意：实际项目中如果文件为登录后才能下载或者有权限的应改造成临时KEY的文件权限模式。

方式2：上传本地文件预览

支持格式：DOC、DOCX、XLS、XLSX、PPT、PPTX、PDF、TXT、ZIP、图片等
注意：此功能在实际环境中需要配置文件服务器后端

代码示例：快速集成到你的项目

示例1：链接跳转式（最简单）

<!-- 需将 {{base64编码的文件URL}} 替换为实际编码后的URL -->
<a href="http://qyd.dingdingoa.cn:8012/onlinePreview?url={{base64编码的文件URL}}" 
   target="_blank" > 打开文档预览</a>

示例2：JavaScript触发式（灵活控制）

<script>
// 定义预览函数
function openDocPreview(fileUrl) {
  // 校验URL有效性
  if (!fileUrl || !/^https?:\/\//.test(fileUrl)) {
    alert('请传入有效的公网文件URL');
    return false;
  }

  // URL编码 + Base64编码
  const encodedUrl = encodeURIComponent(fileUrl);
  const base64Url = btoa(encodedUrl); // 浏览器环境；Node.js环境用 Buffer.from(encodedUrl).toString('base64')

  // 打开预览窗口
  const previewUrl = `http://qyd.dingdingoa.cn:8012/onlinePreview?url=${base64Url}`;
  window.open(previewUrl, '_blank');
  return true;
}

// 调用示例：预览docx文件
const testFileUrl = "https://example.com/测试文档.docx";
openDocPreview(testFileUrl);
</script>

需要独立部署版？

企业级安全保障、私有化部署、定制化需求，点击获取部署包与技术文档

获取独立部署版