2021-11-08 从谷歌浏览器下载pdf

做了一个用freemarker生成PDF的文件，后台生成后直接返回可访问的url，前端直接用window.open(url) 打开

【问题】客户不想在谷歌上预览，只想下载文件。

【尝试一】

1.java 后台返回 blob 文件流

2.前端下载

我参考的是：

JAVA 实现返回PDF文件流并进行下载_itHarvie的博客-CSDN博客

但是我写完之后，发现文件打不开，应该是写入的内容不正确。

日志打印的blob

所以应该确信是blob生成的问题。

 一天了都没有解决。。。。。。。。。。我果真是个垃圾。。。。

【尝试二】

参考如下：

VUE不预览直接下载PDF、下载图片文件_linguo2625469的博客-CSDN博客

 但这种问题就是，会跨域。。。我这个也用不了。。。

【尝试三】

我参考了

​​​​​​JS实现文件下载的三种方式---a标签下载、form表单下载、blob转换url下载_云之遥-CSDN博客

前两种方式都不行，在谷歌浏览器上都会跳转到PDF预览页面。所以还得是回归到尝试一。。。

【解决】

前端我用的jeecg boot的前端框架，里面manage.js 里面有downloadFile

/**
 * 下载文件
 * @param url 文件路径
 * @param fileName 文件名
 * @param parameter
 * @returns {*}
 */
export function downloadFile(url, fileName, parameter) {
  return downFile(url, parameter).then((data) => {
    if (!data || data.size === 0) {
      Vue.prototype['$message'].warning('文件下载失败')
      return
    }
    if (typeof window.navigator.msSaveBlob !== 'undefined') {
      window.navigator.msSaveBlob(new Blob([data]), fileName)
    } else {
      let url = window.URL.createObjectURL(new Blob([data]))
      let link = document.createElement('a')
      link.style.display = 'none'
      link.href = url
      link.setAttribute('download', fileName)
      document.body.appendChild(link)
      link.click()
      document.body.removeChild(link) //下载完成移除元素
      window.URL.revokeObjectURL(url) //释放掉blob对象
    }
  })
}

后台返回文件流：

@GetMapping(value = "/generatePdf")
    public void generatePdf(HttpServletResponse response, @RequestParam(name = "id", required = true) String id) {
        // 组装信息
        String docPath = "文件存放路径";
        try {
            FileInputStream inputStream = null;
            File file = new File(docPath);

            inputStream = new FileInputStream(file);
            byte[] dataBytes = new byte[(int) file.length()];
            inputStream.read(dataBytes);
            inputStream.close();
            response.setContentType("application/pdf;charset=utf-8");
            OutputStream stream = response.getOutputStream();
            stream.write(dataBytes);
            stream.flush();
            stream.close();

        } catch (Exception e) {
            log.error(e.getMessage(), e);
        }
    }

又是想要退休的一天啊，我感觉我这写代码就是靠运气，运气好了就能写对，要不然就得写一天。。。

2021-11-09