iframe 预览pdf

<iframe :src="pdfUrl" style="width: 100%; height: 100%"></iframe>
url:{
   downLoad:'/sys/minio/download/'
},
pdfUrl:''
lookOfdFile(filePath) {
      let srcUrl = this.url.downLoad + filePath
      getActionBlob(srcUrl).then((file) => {
        this.pdfUrl = 'pdf/web/viewer.html?file=' + this.getObjectURL(file)
        this.visible = true
      })
    },
    // 查看文件
    getObjectURL(file) {
      let url = null
      if (window.createObjectURL != undefined) {
        // basic
        url = window.createObjectURL(file)
      } else if (window.webkitURL != undefined) {
        // webkit or chrome
        try {
          url = window.webkitURL.createObjectURL(file)
        } catch (error) {}
      } else if (window.URL != undefined) {
        // mozilla(firefox)
        try {
          url = window.URL.createObjectURL(file)
        } catch (error) {}
      }
      return url
    },
export function getActionBlob(url, parameter) {
    return axios({
        url: url,
        method: 'get',
        params: parameter,
        responseType: 'blob'
    })
}

 

posted @ 2022-10-24 17:18  阖彩  阅读(1335)  评论(0编辑  收藏  举报