预览PDF文件 - PDF.js

网上找到很多前端实现文件预览方法，但都无法解决我的问题，产品需求中将文件上传到腾讯云的对象存储，返回一个URL，这个URL无法在网页中预览，浏览器将这个URL直接本地下载文件（下载文件下面说）,最后只能用PDF.js，这是一个开源的js库，直接将PDF文件渲染成canvas，PDF.js框架的魅力所在，为其为HTML5实现的，无需任何本地支持，而且对浏览器的兼容性也是比较好，要求只有一个：浏览器支持HTML5就好了！（不过对于低版本的IE，就只能节哀了！）.不多说，直接贴代码(angular5.0开发):

在线演示地址：http://mozilla.github.com/pdf.js/web/viewer.html

Demo地址：http://mozilla.github.io/pdf.js/examples/

PDF.js可在官网下载 地址：http://mozilla.github.io/pdf.js/

方案一(需要翻墙)：

  <canvas id="the-canvas" class="the-canvas" style="position: absolute;
    left: 0;
    right: 0;
    margin: auto;"></canvas>
  <div class="m-t" style="position: fixed;
    right: 40px;">
    <button id="prev" nz-button class="m-r-md"><i class="anticon anticon-left"></i>Previous</button>
    <span class="m-r-md">Page: <span id="page_num"></span