通过后端文件流二进制,前端在线预览pdf,docx

小白,如果有什么错误欢迎评论指正哈。

pdf:

获取到的文件流转为blob,然后this.url就可以直接赋值给iframe的src了。

  let blob=new Blob([res],{type:"application/pdf"})
        let url=URL.createObjectURL(blob)
         this.url=url

之前是直接给iframe的src赋值的链接地址,因为后端的接口也没有设置token,但是本地运行是ok,部署之后就不行了,不清楚是啥问题,可能跨域?maybe idont know

然后docx用的mammoth将word文档转为html格式,看到有人说doc好像就不行,我没试过。

但是docx可以

import mammoth from "mammoth";//引入

 let _this=this
   mammoth.convertToHtml({ arrayBuffer: res })
              .then((resultObject)=>{
                            _this.vHtml = resultObject.value;
                        })
                        .done();

res就是文件流哈。

_this.vHtml就是标签中v-html绑定的值。也可以获取到标签用innerHtml赋值.

  • 0
    点赞
  • 4
    收藏
    觉得还不错? 一键收藏
  • 1
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值