html预览base64 pdf

最新推荐文章于 2025-03-31 16:27:51 发布

m0_37880556

最新推荐文章于 2025-03-31 16:27:51 发布

阅读量766

点赞数

分类专栏： Jquery Vue 文章标签： javascript 前端

本文链接：https://blog.youkuaiyun.com/m0_37880556/article/details/121048080

版权

pdf.js下载地址 http://mozilla.github.io/pdf.js/
建议翻墙下载，我用公司网下载不下来。
在这里插入图片描述

页面引入js<script type="text/javascript" src="./js/pdfjs-2.10.377-legacy-dist/build/pdf.js"></script>

<body><canvas id="the-canvas"></canvas></body>

//直接使用官网例子中的文档吧
//atob( 后台返回的把文档进行base64编码之后的String )

        previewpdf() {
        var pdfData = atob(this.bas64wj);
        pdfjsLib.GlobalWorkerOptions.workerSrc = './js/pdfjs-2.10.377-legacy-dist/build/pdf.worker.js'; //自己的路径
        var CMAP_URL = './js/pdfjs-2.10.377-legacy-dist/web/cmaps/'; //自己的pdfjs字库的路径

        var loadingTask = pdfjsLib.getDocument({
            data: pdfData,
            cMapUrl: CMAP_URL