Blob二进制格式数据文件
encodeURIComponent() 函数可把字符串作为 URI 组件进行编码。
数据传输过程的数据格式是Blob类型的数据
一、获取pdf文件直接预览
import pdfJS from 'pdfjs-dist'; // 该插件用来预览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
});
二、从后端获取二进制数据文件进行预览
<a style="color: #2196F3;text-decoration:none;" :href="pdfUrl" target="_blank" rel="noopener noreferrer">查看pdf详情</a>
@param { Blob } dataEx 传输的二进制数据
this.axios.get(optEx).then((dataEx)=>{
let blob = new Blob([dataEx], {type: 'application/pdf'});
this.pdfUrl = URL.createObjectURL(blob); // 创建的blob文件
});
URL.revokeObjectURL(this.pdfUrl); // 销毁创建的blob文件
网友评论