2021-06-09 java vue 从后台获取到PDF文件流,并预览

前几天一直在整PDF显示,网上大多只写了前台,我查了几篇资料杂糅了一下

vue前端,guns后台

vue:

<iframe class="prism-player" :src="pdfUrl"></iframe>

vue-js:

    data (){
      return {
        pdfUrl:'',
        queryParam: {}
      }
    },

    methods: {
      // 初始化方法
      open (status) {
        console.log(status)
        this.getStringData(status)
      },

      getStringData(status){
        this.queryParam.status = status
        getStrData(this.queryParam).then((res) => {
          console.log(res)
          this.pdfUrl  = this.getObjectURL(res.data)
        })
      },

      getObjectURL(file) {
        let url = null
        if (window.createObjectURL != undefined) { // basic
          url = window.createObjectURL(file)
        } else if (window.webkitURL != undefined) { // webkit or chrome
          try {
            url