钉钉中预览打印PDF问题（无法使用blob地址）

虚心若愚求知若渴

已于 2023-12-16 14:44:50 修改

阅读量1.1k

点赞数 19

分类专栏：前端文章标签：钉钉 pdf javascript

于 2023-12-16 14:44:03 首次发布

本文链接：https://blog.csdn.net/weixin_39806100/article/details/135029123

版权

使用pdfjs-dist预览文件

依赖

npm install pdfjs-dist@2.14.305

组件

<template>
  <div id="pageContainer">
    <div id="viewer"></div>
  </div>
</template>

<script>
import 'pdfjs-dist/web/pdf_viewer.css';
import * as pdfjsLib from 'pdfjs-dist';
import * as pdfjsViewer from 'pdfjs-dist/web/pdf_viewer';
import 'pdfjs-dist/build/pdf.worker.entry';
import * as pdfjsSandbox from 'pdfjs-dist/build/pdf.sandbox.js';

pdfjsLib.GlobalWorkerOptions.workerSrc = window.pdfjsWorker;

export default {
     
  name: 'PdfViewer',
  props: {
     
    pdfBlob: {
     
      type: Blob,
      required: true
    }
  },
  components: {
     },
  methods: {
     
    blobToArrayBuffer(blob) {
     
      return new Promise((resolve, reject) => {
     
        const reader = new FileReader