vue预览doc,docx,xlsx,pdf等文件方法

博客介绍了前端文件预览的方法。一是用微软链接,文件地址需为公网;二是类似微软的方法,文件地址可为非公网,两种方法都能直接预览各类文件,放iframe里即可。若不行则分开预览,如docx用docx - view插件,pdf直接放绝对路径到iframe,txt先转blob文件流再放input中。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

1.用微软的链接:不好用,文件地址得是公网的
var officrUrl = https://view.officeapps.live.com/op/view.aspx?src=文档绝对路径

2.和微软的相似,文件地址可以是非公网
var officrUrl=http://view.xdocin.com/xdoc?_xdoc=文件绝对路径

以上两个方法都可以直接预览各种类型的文件,放在iframe里面就可以了,方式为:

3.以上都不可以的话,只能分开预览了,
   1.doc我还没搞出来,docx--预览的话,可以下载docx-view插件,可以去看docx预览icon-default.png?t=M85Bhttps://mp.csdn.net/mp_blog/creation/editor/127528559
  2.pdf -- 可以直接将绝对路径放入iframe
  3.txt:先根据文件路径转为blob文件流

  然后放在input中就可以了

评论 5
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值