pdf.js 大文件预览

PDF.JS 预览有文件大小限制吗,如果有在哪里修改文件大小

首先下载源码: https://github.com/lishaoh/PDF.js

step1:

将源码加入到项目中,目录如下:

 

image

在web目录下有viewer.js文件

 

image

step2:

在viewer.js 里面做如下修改:

var DEFAULT_URL = ''; // 将默认PDF路径路径置为空

step3:

在按钮点击事件中调用window.open()

 
  1. <!DOCTYPE html>

  2. <head>

  3. <meta charset="utf-8">

  4. <meta name=referrer content=never>

  5. <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">

  6. <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, minimum-scale=1, user-scalable=no, minimal-ui">

  7. <meta name="renderer" content="webkit">

  8. </head>

  9. <body>

  10. <button onclick="preview()">PDF预览</button>

  11. </body>

  12. <script>

  13. function preview() {

  14. console.log('test');

  15. var pdf = 'pdf的URL';

  16. window.open('./js/pdf/web/viewer.html?file=' + pdf, 'PDF');

  17. }

  18. </script>

  19. </html>

至此OK了

没有  如果太大 可以分批加载  这个api 上有说明  跟分页差不多

具体怎么分批加载,你有实现过吗?

还有一点,最好后端也要压缩一下再存入

这个包里 有demo