javascript - ajax下载的excel文件已损坏

Question

我有一个 Spring Boot Web 应用程序，它生成扩展名为 .xlsx 的 Microsoft Excel 文件.

如果我尝试从调用 localhost:8080/report/stats 的浏览器下载文件它返回正确的文件，我总是可以成功打开它。

但是，当我通过单击按钮从网页下载文件时，我得到一个坏文件，我无法打开它。

我在 JS 上有以下部分:

$.ajax({
    url: 'report/stats',
    type: "GET",
    success: function (data) {
        var link = document.createElement('a');
        link.download = 'report.xlsx';
        link.href = 'data:,' + data;
        link.click();
    }
});

Controller :

@GetMapping("stats")
public ResponseEntity downloadStatsReport() throws IOException {
    return fileResponse(excelReportService.create(new StatFilter()));
}

private ResponseEntity fileResponse(File report) throws IOException {
    InputStreamResource resource = new InputStreamResource(new FileInputStream(report));
    return ResponseEntity.ok()
            .contentLength(report.length())
            .header(HttpHeaders.CONTENT_DISPOSITION, "attachment;filename=" + report.getName())
            .contentType(MediaType.APPLICATION_OCTET_STREAM)
            .body(resource);
}

为什么从浏览器下载效果很好，而从 JS 下载不行？

打开文件错误:



YES已被点击:



没有需要点击:

Answer 1

我能够使用以下代码下载有效文件

function download(fileName) {
    window.location.href = "/download?description=test&logId=123";
}