1.到官网下载包https://github.com/mozilla/pdf.js/releases/download/v1.10.88/pdfjs-1.10.88-dist.zip

2.解压包到开发工程中

3.修改viewer.js

1)var DEFAULT_URL = 'compressed.tracemonkey-pldi-09.pdf'  里面是PDF的路径删除该变量定义;

2)1899行

var fileOrigin = new URL(file, window.location.href).origin;

if (fileOrigin !== viewerOrigin) {

throw new Error('file origin does not match viewer\'s');

}

修改为

if (file && 'byteLength' in file) {

} else{

var fileOrigin = new URL(file, window.location.href).origin;

if (fileOrigin !== viewerOrigin) {

throw new Error('file origin does not match viewer\'s');

}

}

4.修改viewer.html,在

前加入以下内容(jquery-3.3.1.min.js请自行下载)

5.调用示例:

viewer.html?url_file=printcontroller.do?viewfile&id=9999

html展示pdf文件流,使用pdfjs提供的viewer.html展示pdf文件流相关推荐

  1. .net core 文件流保存图片_如何将图片打包成PDF文件进行保存?

    如何将图片打包成PDF文件进行保存?我们都知道PDF文件是一种电子文档发行和数字化信息传播的理想文档格式,支持跨平台传输.对普通读者而言,用PDF制作的电子书具有纸版书的质感和阅读效果,可以逼真地展现 ...

  2. vue项目,把图片文件流转为base64格式以图片形式展示在前端

    问题描述 前台需要展示图片,期望后台直接返回图片地址,但是后台给的是的文件流而不是一个图片地址,需要把文件流转为base64的格式展示出来. 请求后台接口时,返回图片内容如下: 上图不是base64格 ...

  3. vue3中将base64的pdf文件流转换成pdf并预览(三)——base64数据转pdf pdf工具栏不显示 vue3-seamless-scroll组件的使用-事件捕获 给接口追加数据

    vue3中将base64的pdf文件流转换成pdf并预览(三)--接口base64数据转pdf的处理 & pdf工具栏不显示 & vue3-seamless-scroll组件的使用-事 ...

  4. 通过pdfjs实现在VUE-CLI中进行PDF预览,并禁用打印及下载功能

    pdfjs 官网:PDF.js 官方demo:PDF.js viewer 安装使用 下载 点击下载 选择稳定版本 项目引入 本文主要针对vue-cli4版本的文件 在public文件夹下新建pdfjs ...

  5. mac命令行将输出写入文件_如何在Linux中使用命令行将PDF文件转换为可编辑文本...

    mac命令行将输出写入文件 There are various reasons why you might want to convert a PDF file to editable text. M ...

  6. 使用PDF.js实现前端和手机端网页预览PDF文件(可定制,支持本地文件、Base64编码和远程URL跨域方式)

    1.插件下载地址:https://mozilla.github.io/pdf.js/ 下载后解压pdfjs-1.10.88-dist.zip文件后得到: 2.把pdfjs-1.10.88-dist放到 ...

  7. power bi导入文件夹_从Power BI Desktop中的PDF文件导入数据

    power bi导入文件夹 Power BI Desktop is a useful reporting and analytical tool to represent data in variou ...

  8. 前端pdf预览、pdfjs的使用

    前言 关于前端预览pdf,最简单的方式是使用window.open() 直接在浏览器的新窗口打开就好,浏览器本身也是提供了非常多的功能 但是因为客户的某些需求,不能使用浏览器自身的功能.后来又使用了 ...

  9. vue-pdf pdfjs worker-loader 签章 移动端展示 发布不同域 踩坑

    需求: 展示包含签章的多页合同pdf. 技术栈: vue2.x 依赖版本: vue-pdf 4.0.7(高或低都会可能有问题,建议package.json版本号锁死) 其对应的pdfjs-dist版本 ...

最新文章

  1. mysql如果存在则删除数据库_怎么判断sql数据库是否存在,存在删除
  2. SpringBoot整合异步任务实现发送邮件
  3. 高级Java必看的10本书
  4. C++描述杭电OJ 2005.第几天? ||
  5. arm b bl 地址无关码_ARM汇编语言入门(六)
  6. AI人才大战硝烟袅袅,缺口该如何填补?
  7. 宁夏大学新华学院08计算机马宁,公 示
  8. 生姜红糖水怎么喝健康呢?
  9. python调用TensorFlow时报错:FutureWarning: Passing (type, 1) or ‘1type‘ as a synonym of type is deprecated
  10. MVC 的八个扩展点
  11. Scala可变参数列表
  12. 局域网IP被抢占后如何强制夺回
  13. Mybatis原理解析(四)--查询流程
  14. 孪生网络 应用_数字孪生在航空发动机制造工艺中的应用探索
  15. 携号转网实时手机号归属地查询接口API
  16. 信道估计之MMSE算法
  17. 别在为没有HDR贴图而烦恼了,30G 8K统统都白送!
  18. jest : 无法加载文件 C:\Users\Administrator\AppData\Roaming\npm\jest.ps1,因为在此系统上禁止运行脚本
  19. PyTorch:view() 与 reshape() 区别详解
  20. JSP野生动物保护网

热门文章

  1. 第四十一期:一道经典的MySQL面试题,答案出现三次反转
  2. 数字图像处理(拓展)
  3. http:(5):http状态码
  4. cmd 调用JLink.exe 下载程序
  5. 树莓派移植SX1278 LoRa通信--使用wiringPiSPI移植SPI通信接口
  6. [Github推荐]CVPR2019录用论文下载及可视化论文网站
  7. 实现Repeater控件的记录单选(二)
  8. [转载][QT][SQL]sql学习记录3_sqlite之update delete like
  9. 数据结构与算法——冒泡排序(改进后)
  10. Linux内核源码目录说明