blob实现在线预览二进制流pdf

<iframe
     class="prism-player"
      frameborder="0"
      scrolling="no"
      :src="imgUrl + '#toolbar=0'"
      allowTransparency="true"
 ></iframe>

// 如果要隐藏下载和打印按钮,在嵌入的地址后面加’#toolbar=0’就可以了

const blob = new Blob([获取后台返回的二进制流], { type: 'application/pdf' }) // 根据自己想要预览的文件类型,type是可以改的
const objectUrl = URL.createObjectURL(blob)
this.imgUrl = objectUrl

 

posted @ 2023-04-26 17:59  温柔本肉  阅读(1012)  评论(0编辑  收藏  举报