ARTICLE DETAIL

建站实战干货

来自一线的建站与推广经验沉淀,每一条都经过真实交付验证。

vue 实现docx文件在线预览

2026/9/13 7:38:28 拓冰建站 浏览量
vue 实现docx文件在线预览

预览请求步骤:

  1. 准备一个需要预览的文件地址【如:https://usdoc.cn/vw/文件模板.docx】
  2. GET 参数到请求地址
  3. 将拼接好的地址放在浏览器中,开始预览

请求地址:https://vw.usdoc.cn/
请求方式:GET
请求参数:

字段名称字段类型必填参数说明
srcstring文件地址,即需要转换的文档地址。如:https://usdoc.cn/vw/文件模板.docx

完整的预览地址:

/***文档预览请求接口地址:https://vw.usdoc.cn/?src=* 参数src为文件地址:https://usdoc.cn/vw/文件模板.docx* 将下面的拼接好的预览地址放在浏览器中即可以实现在线预览
*/https://vw.usdoc.cn/?src=https://usdoc.cn/vw/文件模板.docx

https://vw.usdoc.cn/?src=https://usdoc.cn/vw/文件模板.docx

预览模式

每一种文档都有多种预览模式。每一种预览模式效果不同,可以根据具体需求来选择合适的预览效果。

1、高清模式 [默认]

此模式为默认模式,该预览模式下顶部有工具栏:打印、全屏演示、下载、缩放等

//默认预览模式
https://vw.usdoc.cn/?src=https://usdoc.cn/vw/文件模板.docx

预览示例地址:https://vw.usdoc.cn/?src=https://usdoc.cn/vw/文件模板.docx

usdoc

2、极速模式 [参数m=1]

此模式为极速模式,采用异步按需加载,解析速度快,解析结果准确。

//极速模式预览模式--
//参数 m=1
https://vw.usdoc.cn/?m=1&src=https://usdoc.cn/vw/文件模板.docx

预览示例地址:https://vw.usdoc.cn/?m=1&src=https://usdoc.cn/vw/文件模板.docx

doc文件在线预览

3、图文模式 [参数m=2]

此模式为图文模式,采用纯HTML解析,解析结果准确,不失真。

//极速模式预览模式--
//参数 m=2
https://vw.usdoc.cn/?m=2&src=https://usdoc.cn/vw/文件模板.docx

预览示例地址:https://vw.usdoc.cn/?m=2&src=https://usdoc.cn/vw/文件模板.docx

java在线预览文件PPT文件

更多方法可以参考https://usdoc.cn/