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 @   阖彩  阅读(1365)  评论(0编辑  收藏  举报
相关博文:
阅读排行:
· 分享一个免费、快速、无限量使用的满血 DeepSeek R1 模型,支持深度思考和联网搜索!
· 基于 Docker 搭建 FRP 内网穿透开源项目(很简单哒)
· ollama系列01:轻松3步本地部署deepseek,普通电脑可用
· 25岁的心里话
· 按钮权限的设计及实现
点击右上角即可分享
微信分享提示