博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
h5项目中预览后端返回的pdf文件流
阅读量:4101 次
发布时间:2019-05-25

本文共 366 字,大约阅读时间需要 1 分钟。

移动端预览后端返回的pdf文件流

最近在用vue开发H5项目时,需要预览pdf文件,后端返回的是文件流,查了很多资料,前端解析流文件生成url等都不行,最后使用了pdf js 插件,并在地址中直接包后端接口地址和需要的参数即可,具体如下:

  1. 首先下载pdf.js 下载地址:http://mozilla.github.io/pdf.js/getting_started/#download
  2. 将下载的文件解压,放到static下面在这里插入图片描述
  3. 调用方法中这样写即可:在这里插入图片描述
  4. 一定要使用encodeURIComponent 进行编码,不然没效果,encodeURIComponent换号里就是后端的接口,querys里面就是需要传递给后端的参数。
  5. 好了,现在就可以正常预览pdf文件了,效果如下 :在这里插入图片描述
    记录一下工作中的坑,如果哪位大神有更好的方法,欢迎分享!

转载地址:http://ugzsi.baihongyu.com/

你可能感兴趣的文章
Redis | 分布式锁的实现
查看>>
《反本能》读后感(一) | 是什么阻止了我们成功
查看>>
Redis | 事务机制
查看>>
Elasticsearch | 安装(Linux 环境)
查看>>
Elasticsearch | Kibana 安装与使用
查看>>
SpringBoot 2.0 | SpringBoot 集成 Elasticsearch
查看>>
分布式的冰与火 | 分布式日志收集 ELK 搭建
查看>>
分布式的冰与火 | 分布式事务解决方案 LCN
查看>>
Spring Cloud Alibaba 极速通关 | 分布式系统的流量防卫兵 Sentinel
查看>>
面试必问的设计模式 | 外观模式
查看>>
面试必问的设计模式 | 状态模式
查看>>
Spring-Cloud-Finchley | 路由网关 GateWay
查看>>
Spring Cloud Alibaba 极速通关 | Sentinel 整合 Apollo 实现配置持久化
查看>>
面试必问的设计模式 | 模板方法模式
查看>>
Redis | Redis 主从复制
查看>>
面试必问的设计模式 | 代理模式
查看>>
面试必问的设计模式 | 观察者模式
查看>>
Redis | Redis 哨兵模式
查看>>
精通Spring源码 | BeanFactoryPostProcessor
查看>>
精通 Spring 源码 | InstantiationAwareBeanPostProcessor(2)
查看>>