SpringBoot+vue导出PDF并下载

最新推荐文章于 2024-04-19 11:05:10 发布

原创

最新推荐文章于 2024-04-19 11:05:10 发布 · 1.2k 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#spring boot #vue.js #pdf

先使用word模板另存为PDF文件，然后Adobe Acrobat Pro DC打开工具 -- 准备表单，选择PDF文件打开即可设计PDF表单。

前端代码

downloadPDF(id) {
  this.$http({
    url: this.$http.adornUrl(`/sewage/espsewageaptcar/downloadPDF/${id}`),
    method: 'post',
    responseType: 'arraybuffer',
    data: this.$http.adornData({})
  }).then(response => {
    const contentDisposition = response.headers['content-disposition'];
    let filename = '废水转运联单.pdf'; // 默认文件名，以防无法从响应中提取

    if (contentDisposition) {
      const filenameRegex = /filename[^;=\n]*=((['"]).*?\2|[^;\n]*)/;
      const matches = filenameRegex.exec(contentDisposition);
      if (matches != null && matches[1]) {
        filename = decodeURI(matches[1].replace(/['"]/g, ''));
      }
    }
    const blob = new Blob([response.data], { type: 'application/pdf' })
    const link = document.createElement('a')
    link.href = window.URL.createObjectURL(blob)
    link.download = filename
    link.click()
  }).catch(err => {
    this.$me