使用pdf.js显示pdf文件

?

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54

<script type="text/javascript" src="build/pdf.min.js"></script> <script type="text/javascript"> PDFJS.workerSrc = 'build/pdf.worker.min.js'; </script> <script type="text/javascript"> $.fn.showPDF = function(pdfUrl, opt){     var options = $.extend({             scale: 1,             pageNum: 1         }, opt || {});       this.each(function(){         var pdfDoc,             canvas = document.createElement('canvas'),             ctx = canvas.getContext('2d');         $(this).append(canvas);           function renderPage(num) {             pdfDoc.getPage(num).then(function (page) {                 var viewport;                 if( typeof(options.width) == 'number' ){                     viewport = page.getViewport(1);                     options.scale = options.width / viewport.width;                 }                 viewport = page.getViewport(options.scale);                 canvas.height = viewport.height;                 canvas.width = viewport.width;                 var renderContext = {                     canvasContext: ctx,                     viewport: viewport                 };                 page.render(renderContext).promise.then(function () {                     if( $.isFunction(options.afterShow) ){                         options.afterShow();                     }                 });             });         }           if( $.isFunction(options.beforeShow) ){             options.beforeShow();         }           PDFJS.getDocument(pdfUrl).then(function (doc){             pdfDoc = doc;             renderPage(options.pageNum);         });     }); }   $(function(){     $('.pdfView').showPDF('1.pdf', {width: $(window).width()}); }); </script>

　　

PDF.js https://mozilla.github.io/pdf.js/