vue3中将base64的pdf文件流转换成pdf并预览（三）——base64数据转pdf & pdf工具栏不显示 & vue3-seamless-scroll组件的使用-事件捕获 & 给接口追加数据

vue3中将base64的pdf文件流转换成pdf并预览（三）——接口base64数据转pdf的处理 & pdf工具栏不显示 & vue3-seamless-scroll组件的使用-事件捕获 & 给接口追加数据

1、效果

pdf详细版

2、代码

核心代码

1、pdf工具栏不显示

:src="zbUrl+'#toolbar=0'"

2、接口中base64的处理

1、接口

接口名称	接口地址	接口释义
文件下载(根据文件ID)	/common/file/getFilePathById?fileId=文件ID	返回一个base64的字符串

2、接口方法

src/api/yfdd-bs/PowerLoad.ts

/**
 * pdf回显方法
 */
export const getFile = (fileId: string) => {
  return request({
    method: 'GET',
    url: '/common/file/getFilePathById',
    params: {
      fileId
    }
  })
}

3、页面中引用并获取接口数据

index.vue

import { getFile } from '@/api/yfdd-bs/PowerLoad'

getFile(e).then((res) => {
    zbUrl.value = 'data:application/pdf;base64,' + res
    // console.log(zbUrl.value, 'kkkkkkkkk')
  })

4、接口显示

接口1-显示接口

接口2-打印接口数据

返回的res-只有一个base64数据

5、index.vue-完整版