vue实现pdf预览

最新推荐文章于 2024-06-25 11:02:53 发布

qq_43374132

最新推荐文章于 2024-06-25 11:02:53 发布

阅读量465

点赞数

文章标签： vue.js javascript 前端

本文链接：https://blog.csdn.net/qq_43374132/article/details/126656143

版权

<iframe :src="pdfUrl" frameborder="0" style="width: 100%; height: 78vh"></iframe>

async getData() {
      try {
        const auth = await AuthService.getUser();
        const token = auth.access_token;
        const res = await axios({
          url: `${webConfig.dmapi.url}/hud/document/${this.$route.params.documentId}`,
          headers: {
            authorization: `Bearer ${token}`,
            'Content-Type': 'application/vnd.ms-excel;charset=utf-8',
            Accept: '*/*'
          },
          responseType: 'arraybuffer'
        });
        if (res?.data) {
          const blob = new Blob([res.data], {
            type: 'application/pdf'
          });
          // console.log('bolb---', blob)
          this.pdfUrl = window.URL.createObjectURL(blob);
        }
      } catch (err) {
        console.log('err---', err);
      }
    },