前端PDF文件在线预览

我主要使用的是浏览器的open方法打开一个新页签展示预览的信息内容。

 const params = {
    fileId: ruleForm.filePath,
    busType: 'TestFile',
    userId: user.userid,
    tenantId: route.query.tenancyId // 租户
  }  
 downloadMainTenance(params).then((res) => {
      const blob = new Blob([res.data], { type: 'application/pdf' })
      const pdfUrl = URL.createObjectURL(blob) // 文件流
      dialogInfo.previewUrl = pdfUrl
      window.open(dialogInfo.previewUrl, '_blank') //浏览器打开新页签
    })