Blob二進(jìn)制格式數(shù)據(jù)文件
encodeURIComponent() 函數(shù)可把字符串作為 URI 組件進(jìn)行編碼。
數(shù)據(jù)傳輸過(guò)程的數(shù)據(jù)格式是Blob類型的數(shù)據(jù)
一、獲取pdf文件直接預(yù)覽

import pdfJS from 'pdfjs-dist'; // 該插件用來(lái)預(yù)覽pdf
 let CMAP_URL = 'https://unpkg.com/pdfjs-dist@2.0.943/cmaps/'; //'https://unpkg.com/pdfjs-dist@2.0.943/cmaps/'
        //讀取base64的pdf流文件
 this.pdfData = pdfJS.getDocument({
        data: data, // PDF base64編碼
        cMapUrl: CMAP_URL,
        cMapPacked: true
   })；

二、從后端獲取二進(jìn)制數(shù)據(jù)文件進(jìn)行預(yù)覽

 <a style="color: #2196F3;text-decoration:none;" :href="pdfUrl" target="_blank" rel="noopener noreferrer">查看pdf詳情</a>
@param { Blob } dataEx 傳輸?shù)亩M(jìn)制數(shù)據(jù)
this.axios.get(optEx).then((dataEx)=>{
            let blob = new Blob([dataEx], {type: 'application/pdf'});
              this.pdfUrl = URL.createObjectURL(blob); // 創(chuàng)建的blob文件
           });
 URL.revokeObjectURL(this.pdfUrl); // 銷毀創(chuàng)建的blob文件